當前位置：
首頁 >
第十章—DOM(0)—NODE类型
發布時間：2025/7/25
37
豆豆
生活随笔
收集整理的這篇文章主要介紹了
第十章—DOM(0)—NODE类型
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
DOM1定義了一個node接口，該接口由DOM的所有節點類型實現。
所有的節點都存在這樣或那樣的關系。在HTML中，head，body可以看出是html的子元素，html是head，body的父元素，而head，body互為同胞元素。
這里要注意一個概念：nodeList
輸出：
如下例子：
?
1 <div id="myDiv"> </div><!-- 此處有空格 -->2 <script>3 var div = document.getElementById('myDiv');4 var test = div.firstChild;5 if (test.nextSibling === null) {6 alert('good');//輸出good7 }8 if (test.previousSibling === null) {9 alert('bad');//輸出bad 10 }
?
操作節點
加入到文檔中
?
1 <style>2 #test {font-size: 20px;background: red;height: 100px;}3 #myDiv {color:red;} 4 </style>5 </head>6 <body>7 <ul id="test">8 <li>1</li><li>2</li><li>3</li>9 </ul> 10 <script> 11 var oul = document.getElementById('test'); 12 var deep = oul.cloneNode(true); 13 alert(deep.childNodes.length);//7 14 oul.parentNode.insertBefore(deep,oul); 15 var shallow = oul.cloneNode(false); 16 alert(shallow.childNodes.length);//0 17 oul.parentNode.insertBefore(shallow,deep); 18 19 </script>輸出：
轉載于:https://www.cnblogs.com/ydaimee/p/6753743.html
總結
以上是生活随笔為你收集整理的第十章—DOM(0)—NODE类型的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 替换字符串空格 - Java - Str
- 下一篇： 常用软件集合