DOM的增刪改查

# 1：建立li元素

var li = document.
createelement
("li");
# 2：建立文字節點
var guangzhou = document.
createtextnode
("廣州");
# 3：將li元素與文字繫結在一起
li.(guangzhou)
;# 4：獲取id為city的節點
var city = document.
getelementbyid
("city");
# 5：將組合好的標籤新增到city下
city.
(li)
;

# 將廣州節點建立好

var li = document.
createelement
("li");
# 建立文字內容
var guangzhou = document.
createtextnode
("廣州"
)；# 二者繫結
li.(guangzhou)
;# 獲取要插入位置的父節點
var city = document.
getelementbyid
("city");
# 獲取要插入位置的下乙個相鄰子節點
var bj = document.
getelementbyid
("bj");
# 關鍵
city.
insertbefore
(li,bj)
;

父節點.

replacechild
(新節點，舊節點)
;

父節點.

removechild
(要刪除的節點)
;# 常用下面的方式進行刪除
要刪除的節點.parentnode.
removechild
(要刪除的節點)
;

dom增刪改查

一 建立節點 document.createelement tag tag必須是合法的 html 元素二 dom新增 刪除節點的方法 將newnode新增成當前節點的最後乙個子節點 insertbefore newnode,refnode 將refnode 節點之前插入 newnode 節點repl...

DOM 概念 及增刪改查

文件物件模型 document object model 又被稱為文件模型，分為 核心dom 操作html和xml文件的api htmldom 專門操作html內容的api dom就是把html視為乙個層次結構 樹形 的文件 如下圖 文件 document 指的是html xml檔案 節點 node...

JS的DOM操作（增刪改查）

1.通過id屬性獲取乙個元素節點物件 document.getelementbyid id1 2.通過name屬性獲取一組元素節點物件 document.getelementsbyname name1 3.通過標籤名獲取一組元素節點物件 document.getelementsbytagname l...