1.dom的獲取元素
document.getelementbyid()
context.getelementsbytagname(tag) (可以獲取相應上下文環境所有的tag標籤)
context.getelementsbyclassname() (ie6-8不相容)
context.getelementsbyname()(ie6-8只能用於表單元素)
document.body
document.documentelement
context.queryselector()/queryselectorall() (獲取的節點集合不存在dom對映 是靜態的 )
(**的有**的方式 context.thead tbodies rows ......)
2.描述節點與節點關係的屬性和方法(凡是指獲取元素的在ie6-8都不相容 預設不帶node 一般帶element 特殊者children childnodes parentnode)
childnodes(不包括孫子,文字結點可以有換行和空格)
children (注意這裡不是 childelementnodes)
firstchild/firstelementchild
lastchild/lastelementchild
parentnode
previoussibling /previouselementsibling
nextsibling/nextelementsibling
3.node的常用型別
nodetype
nodename
nodevalue
1具體元素標籤的大寫 div....
null
9#document
null
3#text
就是文字的值 包括空格和換行
8#comment
注釋的文字
4.dom的增刪改
節點
document.createelement()
document.createdocumentfragment()
new image
replacechild()
removechild()
insertbefore()
clone(false/true)
屬性
get/set/removeattribute()
樣式
getcomputedstyle() (ie6-8不相容)
getcurrentstyle (只適用於ie6-8)
5.dom盒子模型的13個屬性
clientwidth clientheight clienttop clientleft
scrollwidth scrollheight scrolltop scrollleft
offsetwidth offsetheight offsettop offsetleft offsetparent
只有scrolltop scrollleft 可讀可寫 其他均唯讀
JS獲取MOD屬性和DOM方法
dom樹 html下面的head和body head下面有meta style title body下面的有一些div標籤，像這種就是dom樹 nodetype 任何的html元素都有nodetype屬性，值1 11，原生js屬性 只需要掌握4個 值 1 元素節點 3 文字節點 空格也是文字節點 8...
dom的常見屬性和方法
牢記 js指令碼應該只用來充實文件內容 要避免使用dom技術建立核心內容 需要對文件現有資訊進行檢索的時候下面dom方法最有用 getelementbyid getelementbytagname getattribute 元素.firstchild nodevalue 元素的第乙個節點的內容 比如...
DOM 物件的方法和屬性
一些常用的 html dom屬性 innerhtml 節點 元素 的文字值 parentnode 節點 元素 的父節點 childnodes 節點 元素 的子節點 attributes 節點 元素 的屬性節點方法 描述getelementbyid 返回帶有指定 id 的元素。getelementsb...