小結下dom節點操作

2022-04-04 19:51:22 字數 556 閱讀 7562

dom節點樹

圖中可見節點html文件中的每個成分都是乙個節點:

備註:通過dom,可以訪問html文件中的每個節點。

用ie的除錯工具會發現ie中把空格解析成「#text」,即ie會把2個標籤之間只要有回車或空格的地方解析成空白文字節點,就多了個節點nodename="#text"。而ff中卻不會。

注意的是add,remove方法僅用於area,controlrange,options等集合物件.

option1

option2

不同之處:

innerhtml與outerhtml在設定物件的內容時包含的html會被解析,而innertext與outertext則不會。

在設定時,innerhtml與innertext僅設定標籤內的文字,而outerhtml與outertext設定包括標籤在內的文字。

注意:w3c 只支援innerhtml. 其他都是微軟的規定.(outerhtml,outertext,innertext只有微軟的ie 好使, 其他瀏覽器不好用(firefox, mozilla等),必須用其他方法實現)

小結下dom節點操作方法

備註 通過dom,可以訪問html文件中的每個節點。二 節點引用 節點的絕對引用 節點的相對引用 設當前對節點為node 三 節點操作 節點定位 getelementbyid elementid 尋找乙個有著給定id屬性值的元素,返回乙個元素節點 document.getelementbyid id...

DOM節點操作

節點型別 nodetype nodename nodevalue 含義element node 1標籤名 eg div null 元素節點 attribute node 2特性名 eg class 特性值特性節點 text node 3 text 文字的內容 文字節點 cdata section n...

操作dom節點

取到節點物件可以,我們可以建立乙個節點後動態插入到dom節點樹中 html中 1 建立乙個文字節點 第一段第二段 第三段 js var div document getelementsbytagname div 0 var textnode document createtextnode 文字節點 ...