JS 操作節點的使用

2021-10-09 06:36:28 字數 1173 閱讀 4856

名稱

描述document.createelement(「元素名」)

建立元素節點

document.createtextnode(「文字」)

建立文字節點

把b節點追加至a節點的末尾

insertbefore( a,b )

把a節點插入到b節點之前

clonenode(deep)

複製某個指定的節點

父節點.removechild( 子節點)

刪除指定的節點

父節點.replacechild( newnode, oldnode) 

用其他的節點替換指定的節點

//2)插入(指定位置) insertbefore(新節點,舊節點)

document.getelementbyid("ins").onclick=function()

//轉殖==>複製 clonenode(true:複製所有的節點)

document.getelementbyid("copy").onclick=function()

//刪除 父節點. removechild(刪除的節點)

document.getelementbyid("del").onclick=function()

//替換 父節點.replacechild(新節點,要替換的節點)

document.getelementbyid("rep").onclick=function()

js的節點操作

父級節點 var par li.parentnode 所有兒子節點 var all child li.children 第乙個 最後乙個子節點 var fir li.firstchild var las li.lastchild 第乙個子元素 最後乙個 節點 var fir element li.f...

js節點操作

每個節點都有乙個 parentnode 屬性,該屬性指向文件樹中的父節點。包含在 childnodes 列表中的所有節點都具有相同的父節點,因此它們的 parentnode 屬性都指向同乙個節點。此外,包含在childnodes 列表中的每個節點相互之間都是同胞節點。通過使用列表中每個節點的 pre...

Js節點操作

一 節點常用操作 二 節點屬性 屬性操作的標準方法 node.getattribute 返回當前元素節點的指定屬性。如果指定屬性不存在,則返回null node.setattribute 為當前元素節點新增屬性。如果同名屬性已存在 node.hasattribute 返回乙個布林值,表示當前元素節點...