ztree 指定節點清空 節點操作

2021-10-14 08:50:00 字數 1612 閱讀 2745

​ 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...