dom增刪改查

2022-07-29 22:45:15 字數 2119 閱讀 4204

一、建立節點

document.createelement(tag),

tag必須是合法的

html

元素二、dom新增、刪除節點的方法:

將newnode新增成當前節點的最後乙個子節點

insertbefore(newnode,refnode)

將refnode

節點之前插入

newnode

節點replacechild(newnode,oldnode)

將oldnode

節點替換成

newnode

節點removechild(oldnode)

將oldnode

子節點刪除

例如:

"button

" value="

建立插入替換節點

" onclick="

create()

">

"button

" value="

複製節點

" onclick="

copy()

">

"button

" value="

刪除節點

二、下拉列表表單控制項:

function create()

//將select新增到body中,從第乙個陣列開始

var body=document.getelementsbytagname("

body

")[0

];//

var body=document.getelementbyid("test");

//新增元素 新增節點到目前的最後乙個節點

);

}function del()

}function qk()

}"test

">

"button

" value="

建立乙個城市列表框

" onclick="

create()

">

"button

" value="

一條條刪除列表框的內容

" onclick="

del()

">

"button

" value="

一次性清空列表框內容

" onclick="

qk()

">

重點:通過迴圈來逐個將option新增到select上面

三、**的增刪改查

"test

">

"button

" value="

建立乙個5行4列的**

" onclick="

create()

">

"button

" value="

刪除最後一行

" onclick="

del()

">

"button

" value="

刪除最後乙個單元格

" onclick="

del1()

">

**與其不同的地方在於她要從行列開始建立,並且要記住是table.rows這是**的全部行,這是row.deletecell**行裡的單元格。不要弄混。

**行的建立刪除

insertrow(index)

在指定索引位置插入一行

createcaption()

為該**建立標題

deleterow(index)

刪除**中index

索引處的行

insertcell(index)

在index

處建立乙個單元格,返回新建立的單元格

deletecell(index)

刪除某行在index

索引處的單元格

DOM的增刪改查

1 建立li元素 var li document.createelement li 2 建立文字節點 var guangzhou document.createtextnode 廣州 3 將li元素與文字繫結在一起 li.guangzhou 4 獲取id為city的節點 var city docum...

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...