TA貢獻1835條經驗 獲得超7個贊
TA貢獻1998條經驗 獲得超6個贊
你說的是HTML DOM？還是Jquery DOM?不同的dom對應的內容是不一樣的，絕對不能混合使用。不過從你說到節(jié)點來看，應該是HTML DOM。根據我的理解，先說明，我也是學習js的一個新手。以下純屬個人見解，僅供參考：dom中的節(jié)點，無需深究它是否是對象，你只需要知道對應的節(jié)點代表什么就行。文本節(jié)點就是元素標簽的文字內容，屬性節(jié)點就是元素標簽的屬性，元素節(jié)點就是元素標簽。然后，知道了這些，你就應該想得到，標簽，是有屬性，有內容的。也就是說你可以通過dom創(chuàng)建元素標簽，屬性，文字內容，然后向你創(chuàng)建的元素標簽添加屬性和文字內容，個人覺得dom的作用就是如此。
TA貢獻1836條經驗 獲得超5個贊
節(jié)點信息
每個節(jié)點都擁有包含著關于節(jié)點某些信息的屬性。這些屬性是：
nodeName（節(jié)點名稱）
nodeValue（節(jié)點值）
nodeType（節(jié)點類型）
nodeType
nodeType 屬性可返回節(jié)點的類型。
最重要的節(jié)點類型是：
元素類型
節(jié)點類型
元素 1
屬性 2
文本 3
注釋 8
文檔 9
在實際應用中，經常用到的就是元素節(jié)點、屬性節(jié)點和文本節(jié)點了，下面我們通過小段代碼進行講解
1：元素節(jié)點
| 12345678910111213141516171819 | <HEAD> <TITLE>空谷悠悠</TITLE> </HEAD> <BODY> <table><tr><td id="john" name="myname">John</td><td>Doe</td><td id="jack">Jack</td></tr> </table> <script> var d = document.getElementById("john");alert(d.nodeType)alert(d.nodeName)alert(d.nodeValue) </script> </BODY></HTML> |
分析運行結果，其三個屬性的值分別為：
nodeType：ELEMENT_NODE
nodeType值：1
nodeName：元素標記名 //此處為TD
nodeValue：null
2：屬性節(jié)點
| 12345678910111213141516171819 | <HEAD> <TITLE>空谷悠悠</TITLE> </HEAD> <BODY> <table><tr><td id="john" name="myname">John</td><td>Doe</td><td id="jack">Jack</td></tr></table><script> var d = document.getElementById("john").getAttributeNode("name");alert(d.nodeType)alert(d.nodeName)alert(d.nodeValue) </script> </BODY></HTML> |
分析運行結果，其三個屬性的值分別為：
nodeType：ATTRIBUTE_NODE
nodeType值：2
nodeName：屬性名 // name
nodeValue：屬性值 //myname
3:文本節(jié)點
| 12345678910111213141516171819 | <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <table><tr><td id="john" name="myname">John</td><td>Doe</td><td id="jack">Jack</td></tr> </table> <script> var d = document.getElementsByTagName("td")[0].firstChildalert(d.nodeType)alert(d.nodeName)alert(d.nodeValue) </script> </BODY></HTML> |
分析運行結果，其三個屬性的值分別為：
nodeType：TEXT_NODE
nodeType值：3
nodeName：#text
nodeValue：文本內容 // John
舉報