DOM提供的四个方法：

●getElementById()方法

●getElementsByTagName()方法

●getAttribute()方法

●setAttribute()方法

实例代码：

《DOM编程艺术》

第一章

第二章

第三章

第四章

第五章

第六章

var arrayB=document.getElementsByTagName(“p”);

for(var i=0; i

DOM提供的几个新属性：

●childNodes

●nodeType

●nodeValue

●firstChild

●lastChild

实例代码：

pic1

pic2

pic3

选择一张图片

function showpics(whichpic)

{

var source=whichpic.getAttribute(“href”);?? //属性“href”要加双引号

var picid=document.getElementById(“imgID”); //常量“imgID”要加双引号

picid.setAttribute(“src”,source); //属性“src”要加双引号，变量“source”不要引号

//var b=document.body

//var b=document.getElementsByTagName(“body”)[0];获得body元素，此举同“var b=document.body”相同作用

//var l=b.childNodes.length;//获得body的子节点数

//alert(l);

var atitle=whichpic.getAttribute(“title”);

var ptext=document.getElementById(“pid”);

ptext.childNodes[0].nodeValue=atitle;

//ptext.firstChild.nodeValue=atitle;? //显示链接的title

}

实例演示：点击进入

实例代码下载：点击下载