html DOM 01 節點概念
阿新 • • 發佈：2020-07-25
DOM 是Document Object Model( 文件物件模型 )的縮寫。
DOM是把html裡面的各種資料當作物件進行操作的一種思路。
比如一個超鏈，作為一個DOM物件，就可以使其隱藏，修改其href指向的地址。
示例1:
節點概念
DOM把所有的html都轉換為節點
整個文件是一個節點
元素是節點
元素屬性是節點
元素內容是節點
註釋也是節點
如本例
通過document.getElementById獲取了id=d1的div標籤對應的元素節點
然後通過attributes獲取了該節點對應的屬性節點
接著通過childNodes獲取了內容節點
<html> <body><div id="d1">hello HTML DOM</div> </body> <script> function p(s){ document.write(s); document.write("<br>"); } var div1 = document.getElementById("d1"); p("文件節點"+document); p("元素"+div1); p("屬性節點"+div1.attributes[0]); p("內容節點"+div1.childNodes[0]); </script></html>