最近想學(xué)AJAX就開始看了DOM,整理一下一些知識點(diǎn)。
XML 文檔中的每個成分都是一個節(jié)點(diǎn)。
并且元素內(nèi)的文本內(nèi)容也是一個節(jié)點(diǎn),就像:
<year>2005</year>,<year>是一個元素節(jié)點(diǎn),"2005" 不是 <year>元素的值,而是一個值為"2005" 的文本節(jié)點(diǎn),該節(jié)點(diǎn)在<year>下。
- 訪問節(jié)點(diǎn)的方法
1.使用getElementsByTagName() 方法
該方法返回節(jié)點(diǎn)列表,節(jié)點(diǎn)列表是節(jié)點(diǎn)的數(shù)組
比如
x=xmlDoc. getElementsByTagName("title");
document.write(x[2].childNodes[0].nodeValue);
返回的是title標(biāo)簽下文本標(biāo)簽的內(nèi)容,所以也可以看出文本并不直接屬于title。(<title lang="en">Everyday Italian</title>)
2.通過循環(huán)(遍歷)節(jié)點(diǎn)樹
該方法可以把相同標(biāo)簽下的不同內(nèi)容依次顯示出來
x=xmlDoc.getElementsByTagName("title");
for
(i=0;i<x.length;i++)
{
document.write(x[i].childNodes[0].nodeValue);
//title節(jié)點(diǎn)下的文本節(jié)點(diǎn)的內(nèi)容
document.write("
");
}
3.通過利用節(jié)點(diǎn)的關(guān)系在節(jié)點(diǎn)樹中導(dǎo)航
該方法可以通過檢查節(jié)點(diǎn)類型為1的話,就為元素節(jié)點(diǎn)
if (y.nodeType==1)
{
document.write(y.nodeName + "");
}
不同節(jié)點(diǎn)類型的NodeType
元素:1
屬性:2
文本:3
注釋:8
文檔:9