HTML DOM 2 對元素進行增刪改查

2021-10-03 21:37:35 字數 754 閱讀 5954

1.建立乙個html元素,並把它新增進節點列表

黑色文字

然而,這種方法的style和在css裡編輯的style,有一些屬性,在屬性名上略有不同。

在jquery上有解決方案,可以調整css。

2.改變元素的樣式

目標是:在js等程式語言中,改變元素的樣式。

方法是:(1)得到元素物件

(2)通過.style.屬性名=「新屬性值」,以改變元素物件的樣式。

黑色文字

然而,這種方法的style和在css裡編輯的style,有一些屬性,在屬性名上略有不同。

在jquery上有解決方案,可以調整css。

3.刪除節點

//目標:刪除已知物件節點a

a.parentnode.removechild(a);//方法是獲取a的父節點並刪除父節點的子節點。

//目標:刪除已知節點a的已知屬性節點b

a.removeattribute(b.nodename);//注意這個方法的引數是屬性名,而不是節點物件。

a.removeattribute("class");//所以這樣也許更加簡便

//目標:刪除已知節點a的文字節點

a.innerhtml="";

4.替換節點
//目標:將節點a替換為節點b

a.parentnode.replacechild(b,a);//b在前面

JS對HTML DOM元素的增刪改查

createelement 建立乙個新的html元素 節點 var p document.createelement p createtextnode 建立乙個新的文字節點 var ptext document.createtextnode 這是乙個文字節點。p.ptext 新增文字節點 目標元素末...

利用js對html元素進行增刪改操作

使用js對 元素進行增刪改操作 function createtable function deletelastrow function deletelastcell html input type button value 建立乙個5行4列的 onclick createtable input t...

對pair元素進行排序

最近在做一些程式,遇到對std pair的排序問題,可以直接利用相應的框架來實現 這裡我們可以定義乙個關於pair的排序函式 bool pairsortfun std pairelem1,std pairelem2 在使用過程中可以呼叫具有pair元素的vector變數 std sort stati...