DOM操作小結

2021-10-24 00:22:41 字數 415 閱讀 1455

增加元素節點:document.createelement(』 『)

增加文字節點:document.createtextnode (』 『)

增加注釋節點: document.createcomment(』 ')

在父節點下移除子節點: removechild( 』 ')

元素自身銷毀: remove()

在父節點下用「a"節點替換「b」節點: replacechild(a,b)

innerhtml:該節點下的所有子節點

innertext(此方法火狐不支援)/textcontent(此方法老版本ie不支援):該節點下的所有文字節點

setattibute(』 a』, 』 b』):為該節點設定行間樣式「a = b 」

getattibute(『a』) : 返回該元素節點a屬性的值

小結下dom節點操作

dom節點樹 圖中可見節點html文件中的每個成分都是乙個節點 備註 通過dom,可以訪問html文件中的每個節點。用ie的除錯工具會發現ie中把空格解析成 text 即ie會把2個標籤之間只要有回車或空格的地方解析成空白文字節點,就多了個節點nodename text 而ff中卻不會。注意的是ad...

小結下dom節點操作方法

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

Dom元素小結

dom節點分為三大類 元素節點 文字節點 屬性節點 文字節點 屬性節點,為元素節點的兩個子節點 通過getelement系列方法,可以去到元素節點。document.getelementsbyclassname 通過classname獲取元素 物件集合 陣列 document.getelements...