DOM可以動態(tài)的操作文檔內(nèi)容
原理
1：解析文檔生成DOM樹
2：通過DOM標(biāo)準(zhǔn)接口+編程語言改變文檔內(nèi)容
的操作文檔內(nèi)容
原理
1：解析文檔生成DOM樹
2：通過DOM標(biāo)準(zhǔn)接口+編程語言改變文檔內(nèi)容
Paste_Image.png
DOM節(jié)點
Paste_Image.png
節(jié)點關(guān)系
Paste_Image.png
節(jié)點類型
![Uploading 1498143037857_230468.jpg . . .]
Paste_Image.png
節(jié)點屬性
nodeName
Paste_Image.png
nodeValue
Paste_Image.png
nodeType
Paste_Image.png
查找元素
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
querySelector() querySelectorAll()
選取的DOM元素的屬性
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
獲取設(shè)置元素
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
obj.style=""http://直接可以設(shè)置 obj.style.color=""http://設(shè)置獲取color值 其他同理
【但是獲取實際的值我在談?wù)凞OM訪問元素樣式】中提到
還有一個跟別方法
offsetLeft/Top/Width/Height
client/Width/Height
scrollTop/ScrollLeft
ScrollHeight/Width
screenWidth/Height
有興趣的可以補充這寫的區(qū)別
