簡介
全稱：document object model（文件物件模型）
是基於文件程式設計的一套api介面，大部分主流瀏覽器都執行了w3c發布的第一級的dom規範，因此解決了瀏覽器相容性問題
任何一種支援dom程式設計的語言都可以使用它，比如html
html-dom
css-dom
getelementsbyname()
getelementsbytagname()
根據層次訪問
childnodes
firstchild
lastchild
nextsibling
previoussibling
element屬性(用於相容瀏覽器)
lastelementchild
nextelementsibling
previouselementsibling
getattribute(「屬性名」，「屬性值」)；
insertbefore(a，b)
clonenode(deep)
replacechild(newnode，oldnode)
常用的屬性
backgroundimage
backgroundrepeat
text（文字）類別
fontweight
textalign
textdecoration
font
color
padding（邊距）類別
paddingtop
paddingbottom
paddingleft
paddingright
border（邊框）類別
bordertop
borderbottom
borderleft
borderright
常用事件
onmouseover
onmouseout
onmousedown
classname屬性
currentstyle獲採樣式
offsettop
offsetheight
offsetwidth
offsetparent
scrolltop
-返回匹配元素的滾動條的垂直位置
scrollleft
clientwidth
clientheight
語法
JavaScript中的DOM操作
更新dom 1.直接修改標籤的innerhtml屬性 修改該屬性不僅可以修改文字內容，還可以修改標籤內部的子節點 2.修改innertext或者textcontent屬性 只能修改節點的文字內容，不能新增子節點 3.使用style屬性獲取或者設定對應屬性 插入dom 1.如果在乙個空的dom節點中進...
JavaScript中對DOM操作
1 element，元素 2 attribute，屬性 3 text，文字 var node1 document.createelement div var node2 document.createtextnode hello world 返回當前文件中第乙個類名為 myclass 的元素 var...
javascript 操作DOM元素樣式
點語法 dom.style.color 中括號 dom.style color 相同點 1.只能獲取行內樣式,不能獲取內嵌和外部樣式 2.獲取的是帶單位的字串 如 100px 不同點 點語法只能獲取固定的屬性而且不能動態傳參,中括號可以 var h height box.style.h 100px ...