如下表:
方法描述
getelementbyid()
返回帶有指定 id 的元素。
getelementsbytagname()
返回包含帶有指定標籤名稱的所有元素的節點列表（集合/節點陣列）。
getelementsbyclassname()
返回包含帶有指定類名的所有元素的節點列表。
把新的子節點新增到指定節點。
removechild()
刪除子節點。
replacechild()
替換子節點。
insertbefore()
在指定的子節點前面插入新的子節點。
createattribute()
建立屬性節點。
createelement())
建立元素節點。
createtextnode()
建立文字節點。。
getattribute()
返返回指定的屬性值。
setattribute()
把指定屬性設定或修改為指定的值。。
eg:
<
!doctype html>
"en"
>
"parent" id=
"div1"
>
"demo" class=
"demo"
>hello world!
"demo"
>text2
text3
"text" id=
"input"
>
getelementbyid(id) - 獲取帶有指定 id 的節點（元素）
removechild(node) - 刪除子節點（元素）
2. 一些常用的 html dom 屬性：
innerhtml - 節點（元素）的文字值
parentnode - 節點（元素）的父節點
childnodes - 節點（元素）的子節點
attributes - 節點（元素）的屬性節點
3. 查詢節點：
getelementbyid() 返回帶有指定 id 的元素。
getelementsbytagname() 返回包含帶有指定標籤名稱的所有元素的節點列表（集合/節點陣列）。
getelementsbyclassname() 返回包含帶有指定類名的所有元素的節點列表。
4. 增加節點：
createattribute() 建立屬性節點。
createelement() 建立元素節點。
createtextnode() 建立文字節點。
insertbefore() 在指定的子節點前面插入新的子節點。
5.刪除節點：
removechild() 刪除子節點。
replacechild() 替換子節點。
修改節點：
setattribute() 修改屬性
setattributenode() 修改屬性節點
js dom基本操作
class wraper class one 老大 ppppp div class box 內容span href 鏈結a 段落p llp div class last 老弟div div 查 所有節點屬性都是元素物件下的屬性 使用節點 第一步獲取元素物件，再獲取節點 var box documen...
js Dom的基本操作
window.pagexoffset window.pageyoffset ie8和ie8以下不相容 乙個有用 另乙個一定為0 document.body.scrollleft top body document.documentelement.scorllleft top html doucmen...
js DOM模型操作
dom模型中的節點 元素節點 文字節點 屬性節點 例 私 dotnet小屋 1 a是元素節點 2 私 dotnet小屋 是文字節點 3 href 是屬性節點 dom節點的屬性 nodename string 節點名稱，根據節點的型別而定義 nodevalue string 節點的值，根據節點的型別而...