什么是DOM?
DOM(文檔對象模型),是針對HTML和XML文檔的一個(gè)API,通過DOM可以去改變文檔洼畅。
通俗地說,我們可以通過DOM來實(shí)現(xiàn)在js中訪問HTML節(jié)點(diǎn)的目的棚赔。
var a=document.getElementById("ddd");
//通過document.getElementById來訪問Id為ddd的節(jié)點(diǎn)帝簇,并將其賦值給a
var b=a.innerHTML;
//將a中的所有元素以字符串的方式賦值給b
節(jié)點(diǎn)
HTML文檔可以說是由節(jié)點(diǎn)構(gòu)成的集合,節(jié)點(diǎn)有以下幾種:
- 元素節(jié)點(diǎn):<html>靠益、<body>丧肴、<p>等都是元素節(jié)點(diǎn),即標(biāo)簽
- 文本節(jié)點(diǎn):向用戶展示的內(nèi)容胧后,如<p>I AM CONTEXT</p>中的I AM CONTEXT文本
- 屬性節(jié)點(diǎn):元素的屬性芋浮,如<a>標(biāo)簽的鏈接屬性href="http://....."
常用
document.getElementById()
document.getElementsByTagName()
(此句比第一句多了一個(gè)s,那是因?yàn)橥ㄟ^此方法訪問的是一個(gè)數(shù)組壳快,即單數(shù)與復(fù)數(shù)的區(qū)別)
document.createElement()
parentNode
childNodes
appendChild()
a.innerHTML