lang
="en"
>
>
charset
="utf-8"
>
>
documenttitle
>
head
>
>
"box"
>
>
spanspan
>
>
p標籤p
>
div>
>
// var box = document.getelementbyid('box');
// console.dir(box)
// 節點的層次結構
// // 父子結構
// parentnode 父節點 只有乙個
// childnodes 子節點 有很多個
// children 子元素
// // var box = document.getelementbyid('box');
// console.log(box.parentnode);
// console.log(box.childnodes);
// // 屬性節點、元素節點、文字節點、注釋節點
// for (var i = 0; i < box.childnodes.length; i++)
// }
// //
// 有沒有能夠直接獲取子元素的屬性？ children
var box = document.
getelementbyid
('box');
console.
log(box.children)
;// 所有的子元素
script
>
body
>
html
>
2019 9 26節點遍歷
遍歷屬性 div container ul.list li.item p 結構 container list item 1 p li item 2 p li item vip 3 p li item 4 p li item 5 p li ul div jquery庫 jquery 3.4.1 20....
3 4 節點操作
一。元素節點的建立，新增，插入 替換，刪除 轉殖 建立節點有三種形式 1 document.createelement 元素 2 document.createtextnode 文字 3 document.createdocumentfragment document.createdocumentf...
2020 4 20 節點操作
一，建立節點 createlement 格式 document.createlement 標籤名 返回值 建立好的這個節點 二，插入節點三，建立文字節點 純文字，不解析標籤 格式 document.createtextnode 文字 四，替換節點 replacechild 格式 box1.paren...