JS對HTML DOM元素的增刪改查

**

①createelement ： 建立乙個新的html元素（節點）；

var p = document.

createelement
("p"
);

var ptext = document.

createtextnode
("這是乙個文字節點。"
);

p.

(ptext)
;//新增文字節點
/*目標元素末尾插入節點*/
var divnow = document.
getelementbyid
("divnow");
//選取目標元素
divnow.
(p);
/*末尾插入節點*/
divnow.
(divnow.firstchild)
;//把divnow的第乙個元素節點移到divnow子節點的末尾

var divnow = document.

getelementbyid
("divnow");
//獲取到目標元素
var pone = document.
getelementbyid
("pone");
//insertbefore的第二個引數，就是說我們要插入的節點在該元素之前
divnow.
insertbefore
(p, pone)
;/*p為要插入的節點，pone為在該元素之前插入*/

removechild : 刪除乙個所選元素(節點),但是要知道該元素的父元素；

var divnow = document.

getelementbyid
("divnow");
/*所選元素的父元素*/
var pone = document.
getelementbyid
("pone");
/*要刪除的那個元素*/
divnow.
removechild
(pone)
;

replacechild : 替換 html dom 中的元素，第一引數是要插入的節點，第二個是要被替換的節點；

var divnow = document.

getelementbyid
("divnow");
/*獲取該元素*/
var pone = document.
getelementbyid
("pone");
/*被替換的元素*/
divnow.
replacechild
(p, pone)
;

①document.getelementbyid();

var divnow = document.

getelementbyid
("divnow");
/*括號內為id名*/

var p = document.

getelementsbytagname
("p");
/*括號內為標籤名*/

var win = document.

getelementsbyclassname
("win");
/*括號內為類名*/

var win = document.

getelementsbyname
("win");
/*括號內為name名*/

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

1.建立乙個html元素，並把它新增進節點列表黑色文字 然而，這種方法的style和在css裡編輯的style，有一些屬性，在屬性名上略有不同。在jquery上有解決方案，可以調整css。2.改變元素的樣式 目標是 在js等程式語言中，改變元素的樣式。方法是 1 得到元素物件 2 通過.style....

原生JS獲取HTML DOM元素

通過id獲取 getelementbyid document.getelementbyid id 通過name屬性 getelementsbyname document.getelementsbyname name 通過標籤名 getelementsbytagname document.getele...

JS獲取HTML DOM元素的方法

一 js獲取dom元素的方法 8種 1 通過id獲取 getelementbyid 2 通過name屬性 getelementsbyname 3 通過標籤名 getelementsbytagname 4 通過類名 getelementsbyclassname 5 獲取html的方法 document...