實用總結 DOM節點className操作

2021-09-23 21:47:59 字數 843 閱讀 2679

經常用到的小工具函式,每次用到都重寫一遍,有點浪費體力,於是決定分階段整理下,需要用到的時候就直接拷過來用了~

對於dom節點的classname,常用操作不外乎增、刪、查(改可以用增+刪事先),由於**比較簡單,直接上原始碼+介面注釋

/**

* @description 給節點新增類

* @param node dom節點

* @param classname 即將新增的類名

*/function addclass(node, classname)

}/**

* @description 刪除節點某個類

* @param node dom節點

* @param classname 即將刪除的類名

*/function removeclass(node, classname)

/** * @description 判斷節點是否具有某個類

* @param node dom節點

* @param classname 查詢的類名

* @return true-有,false-沒有

*/function hasclass(node, classname)

/** * @description 刪除字串首尾空格

* @param str 原始字串

* @return 刪除了首位空格後的字串

* @example trim(' hello world ') === 'hello world'

*/function trim(str)

其他如同時新增多個類、同時刪除多個類等,實現原理類似,不贅述

jquery總結04 DOM節點操作

一般js操作節點 建立節點 元素文字 document.createelement innerhtml 新增屬性 setattribute 操作繁瑣還有相容性問題 jquery操作節點 jquery 直接在 裡寫元素 文字 屬性 要注意閉合標籤和使用標準的的xhtml格式 加入文件支援了好多函式 向...

關於DOM節點

先來看一張簡單的文件樹 很明顯樹的頂層節點是nodea節點,接下來可以通過指定的合適節點移動到樹中的任何點,結合以下的 你可以更好的了解這棵樹節點間的相互關係 nodea.firstchild nodea1 nodea.lastchild nodea3 nodea.childnodes.length...

DOM 訪問節點

dom 是這樣規定的 整個文件是乙個文件節點每個 html 標籤是乙個元素節點包含在 html 元素中的文字是文字節點每乙個 html 屬性是乙個屬性節點注釋屬於注釋節點 通過是使用getelementbyid 和 getelementsbytagname 方法 通過使用乙個元素節點的 parent...