DOM 基本操作（ 增 刪 改 插 ）

document.createlement();

建立元素節點

document.createlementtextnode()；

建立文字節點

document.createlementcomment();

建立注釋節點

document.createlementdocumentfragment();

建立文件節點

parent.removechiled();

刪除parent父元素中的指定子元素

child.remove();

刪除child元素

parent.replacechild(new,origin);

新元素替換老元素

parentnode.innsertbefor(a,b)

在父級元素element下的子元素a之前新增子元素b

lang

="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
head
>
>
class
="box"
>
>
p>
>
span
>
>
h1>
>
div>
>
i>
href
="#"
>
a>
div>
>
var strong = document.
createelement
('strong'
)var p = document.
createelement
('p'
)var span = document.
createelement
('span'
)//建立元素節點
var div = document.
getelementsbyclassname
('box')[
0]//通過dom獲取元素節點
var arr =
//建立空陣列用來接收div子元素節點
for(
var i =
0; i < div.children.length; i++
)//用for迴圈把div的子元素節點存入陣列arr
div.
(p) div.
(span)
//給父元素div後追加子元素p和span（先執行的在前面）
div.
insertbefore
(strong, arr[1]
)//新增操作在父元素div中的第二個子元素節點之前新增strong元素
div.
removechild
(arr[2]
)//刪除父元素div中的第三個子元素節點
arr[3]
.remove()
//刪除第四個子元素節點
div.
replacechild
(a, arr[0]
)//讓a元素與父級元素div中的第乙個子元素節點替換
script
>
body
>
html
>

DOM的增刪改

節點的新增 public static voidcreateelement document doc throwsexception 刪除節點 public static voiddeleteelement document doc throwsexception 修改節點及屬性 public st...

dom增刪改查

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

增刪改查基本操作

增加 建立資料庫 create database database name 建立資料庫中的表單 create table table name 列1 資料型別，列2 資料型別，列3 資料型別 往表單中新增資料 insert into table name values 1 2 3 刪除 刪除資料庫...