節點操作,建立 插入 刪除 替換 複製

2021-10-14 15:14:56 字數 1401 閱讀 4363

建立屬性節點

元素節點:document.createelement(「標籤名」);

返回值:新的元素節點

建立完成後,需要插入到頁面中才能看到

文字節點

document.createtextnode(內容);這個不能解析標籤,只能文字

node.insertbefore(新節點,參考節點)

在父節點的參考節點前新增乙個新的子節點。(新節點和參考節點是同級,要同乙個父節點)

如果參考節點為null,則在父節點的最後新增新的子節點

例子;將文字插入到頁面中

練習:建立乙個input框並賦值

"box">

例子,用js將插入到頁面中

"box">

河山

例子;建立下拉框

下拉框 "" id="">

"">籃球

"">足球

父節點.removechild(子節點);

在父節點中移除該子節點

node.remove();

在父節點中移除自身。

用乙個節點去替換另外乙個節點

父節點.replacechild(新節點,舊節點);

node.clonenode([true]);

複製節點,轉殖節點

如果引數為true,則將其所有子節點也轉殖。

"box">

慢慢

createattribute()方法用於建立乙個指定名稱的屬性,並返回attr 物件屬性

示例:建立 class 屬性, 屬性值為 「democlass」, 並將clas屬性新增到 h1 元素中:

var att=document.createattribute

("class");

att.value="democlass"

;document.getelementsbytagname

("h1"

)[0].setattributenode

(att)

;

節點操作(建立 插入 刪除 查詢)

建立元素 1 document.write 2 物件.innerhtml 不能用在迴圈裡 3 建立標籤結點 var mya document.createelement a 建立文字結點 掛接文字結點 新增屬性和樣式 mya.href mya.setattribute href style.屬性名 ...

DOM節點的建立 插入 刪除 查詢 替換

使用的命令是 var odiv document.createelement div 這樣就建立了乙個div標籤。移動dom節點也就是把這個節點插入到html文件中的某個地方,這裡js給了我們兩個方法 把div插入到body中,並且位於末尾 2.insertbefore 把節點插入到父節點的某個兄弟...

單向鍊錶實現 插入節點 刪除節點操作

function node element 該類的功能包括插入刪除節點 在列表中查詢給定的值。function llist 插入新節點 向鍊錶中插入乙個節點,需要修改它前面的節點 前驅 使其指向新加入的節點,而新加入的節點則指向原來前驅指向的節點 find方法 遍歷鍊錶,查詢給定資料。如果找到資料,...