js操作DOM元素

2022-08-27 18:30:14 字數 1173 閱讀 2064

document.createelement()

document.getelementbyid()返回對擁有指定 id 的第乙個物件的引用。

document.getelementbyname()返回帶有指定名稱的物件集合。

document.getelementbytagname()返回帶有指定標籤名的物件集合。

document.getelementsbyclassname()返回文件中所有指定類名的元素集合。存在相容性問題,ie6/7/8不支援

這裡,重新實現乙個函式mygetelementsbyclassname,相容ie6/7/8

function mygetelementbyclassname(classname) 

}

} else

return ele;

}

還有一種是insertbefore(),這種方法可以插入到指定位置。接收兩個引數,第乙個是要插入的節點,第二個是作為參照的元素。要插入的節點會成為作為參照的節點的previoussibling。

replacechild()接收兩個引數,第乙個是要插入的節點,第二個是要替換的節點。

在使用replacechild()插入乙個節點時,該節點的關係指標都會從被它替換的節點複製過來。

removechild()接收乙個引數,要移除的節點。

clonenode()用於建立呼叫這個方法的節點的乙個完全相同的副本。

接收乙個布林值引數,如果為true則執行深複製,也就是複製節點以及整個子節點樹;如果為false則執行淺複製,也就是只複製節點本身。

複製後返回的節點副本屬於文件所有,但是並沒有為它指定父節點,需要其他方法來新增到文件中。

移動元素一般是移動有的節點,三種方法:

第二種,使用insertbefore()

第三種,先複製要移動的節點,移除原來這個節點,然後把新得到的節點新增到文件中。

11111111

22222222

33333333

JS之DOM操作元素

獲得id名稱是inp1物件節點 var inp1 document.getelementbyid inp1 方式一 獲得元素的屬性 var ty inp1.type var va inp1.value var na inp1.name 操作元素的屬性 inp1.type button inp1.va...

Dom元素操作

把建立的p元素新增到父元素box裡 btn1.onclick function 移除父元素裡的p元素 插入元素 insertbefore 被插入的元素,參照元素 var dom document.getelementbyid dom var newdom document.createelement...

JS 獲取dom元素

box class one name bbb style width 100px height 100px background color pink div1div box1 class one div1div box2 class one div1div 通過 id來獲取元素 var box d...