js怎樣新增 移除 移動 複製 建立和查詢節點

2022-05-21 01:56:17 字數 763 閱讀 6420

(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 可選。布林值,指定事...