1.dom節點操作
①建立節點
語法:document.createelement("標籤名");
注:只單純的建立出來了乙個元素節點物件,不包含內容、屬性和樣式。
②插入節點
在父元素內部末尾追加
在父元素指定參照元素前面插入
語法:父元素.insertbefore(需要插入的子元素,參照元素);
注:如果參照元素為null,則在父類元素內部末尾插入
③刪除節點
語法:父元素.removechild(需要被刪除的元素)
④轉殖節點
語法:需要複製的元素.clonenode(boolean型別的引數);
注:如果引數為true,代表深複製,也就是連同子元素一起複製;
如果引數為false(預設),代表淺複製,不複製子元素。
2.jquery的節點操作
①建立節點
語法:$("
注:建立元素節點的同時,還可以設定內容、屬性和樣式。
②在內部插入(需要通過父元素,然後在內部插入乙個元素)
在父元素內部末尾插入
在父元素內部開頭插入
語法:父元素.prepend(被插入的元素); -->在父元素內部的最前面插入乙個子元素
被插入的元素.prependto(父元素); -->把子元素插入到指定父元素內部的最前面
使用場合:當父元素內部沒有子元素時,這是只能使用「內部插入」子元素,
因為沒有參照元素,所以無法使用「外部插入」
③在外部插入(不需要通過父元素,直接在參照位置插入乙個元素)
在參照元素前面插入乙個元素
語法:參照元素.before(需要插入的子元素) -->在參照元素前面插入乙個子元素
需要插入的子元素.insetbefore(參照元素) -->把子元素插入到指定參照元素前面
在參照元素後面插入乙個元素
語法:參照元素.after(需要插入的子元素); -->在參照元素後面插入乙個子元素
需要插入的子元素.insertafter(參照元素); --> 把子元素插入到指定參照元素後面
④刪除節點
remove()方法,刪除節點(刪除當前元素,並且還刪除了該元素內部的子元素)
語法:被刪除元素.remove(["選擇器"])
注:jquery物件是乙個集合,我們在刪除元素的時候還可以指定刪除某寫指定的元素。
empty()方法,清空節點(不刪除當前元素,但是會刪除當前元素的所有子元素)
語法:被清空節點.empty();
注意:顯示開發中,清空節點一般不會使用,因為清空節點效率低,建議使用html("")方
法來實現 。
ztree選中指定節點
var treeobj fn.ztree.getztreeobj bookcatalogtreelist 樹形結構的元素的id值 var snodes treeobj.getselectednodes var a treeobj.getnodebyparam gid 10 選中的那個元素的gid 1...
ZTree節點的常用操作
在以前專案改造過程中涉及到ztree的簡單應用,在接下來的專案中有個業務模組涉及到ztree節點的操作,包含新增,刪除,修改,留 備忘。首先是ztree的配置資訊 var setting edit 新增方法 var newcount 1 function addnode e var isparent...
zTree選中指定ID的節點
treedemo class ztree ul var ztreemenu fn.ztree.getztreeobj treedemo 根據treeid ztree的dom容器的id 獲取 ztree物件的方法,必須初始化ztree才可以使用此方法 var id 1 設定指定的id var node...