(1)建立新節點
var para=document.createelement("p"); //建立新的 元素
var node=document.createtextnode("這是新段落。"); //建立了乙個文字節點
var element=document.getelementbyid("div1");//向乙個已有的元素追加這個新元素
(2)新增、移除、替換、之前插入、之後插入、複製
removechild()
replacechild() //replacechild(new_child,old_child)
insertbefore()
insertafter()
clonenode() //不是在父元素下操作 obj.clonenode() //obj是指要轉殖的元素 clonenode() 傳入boolean值 true代表轉殖obj.innerhtml值
(3)查詢
document.getelementsbytagname("") //通過標籤名稱
document.getelementsbyname("") //通過元素的name屬性的值
document.getelementbyid("") //通過元素id,唯一性
document.getelementsbyclassname(""); //通過類查詢
document.queryselector("")
p1p1p1p1
DOM操作 建立 新增 移除 移動 和查詢
var f document.creatdocumentfragment 建立dom片段 var b document.createlement 標籤名 建立具體的元素 var n document.creattextnode 文字內容 建立乙個文字節點 父元素.removechild 子元素a 在...
js中建立 新增 刪除 移動 複製和查詢(子)節點
1 建立新節點 createdocumentfragment 建立乙個dom片段 createelement x 建立乙個具體的元素 createtextnode 建立乙個文字節點 2 新增 移除 替換 插入 removechild 移除 replacechild 替換 insertbefore 插...
JS事件 新增 移除事件
element.addeventlistener event,function,usecapture 方法用於向指定元素新增事件控制代碼。event 必須。字串,指定事件名。注意 例 使用 click 而不是使用 onclick function 觸發函式 usecapture 可選。布林值,指定事...