<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Image Gallery</title>
</head>
<body>
<h1>Snapshots</h1>
<ul>
<li>
<a href="images/mountain.jpg" title="mountain">Mountain</a>
</li>
<li>
<a href="images/sunset.jpg" title="sunset">Sunset</a>
</li>
<li>
<a href="images/pond.jpg" title="pond">Pond</a>
</li>
</ul>
</body>
</html>>
元素节点的nodeType属性值是1
属性
节点的nodeType属性值是2
文本
节点的nodeType属性值是3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Image Gallery</title>
</head>
<script type="text/javascript" src="showPic.js"></script>
<body>
<h1>Snapshots</h1>
<ul>
<li>
<a href="images/mountain.jpg" οnclick="showPic(this);return false;" title="mountain">Mountain</a>
</li>
<li>
<a href="images/sunset.jpg" οnclick="showPic(this);return false;" title="sunset">Sunset</a>
</li>
<li>
<a href="images/pond.jpg" οnclick="showPic(this);return false;" title="pond">Pond</a>
</li>
<img id="placeolder" src="images/placeolder.png" alt="my image gallery" />
</ul>
<p id="description">Choose an image.</p>
</body>
</html>>
function showPic(whichpic)
{
var source = whichpic.getAttribute("href");
var placeolder = document.getElementById("placeolder");
placeolder.setAttribute("src",source);
var text = whichpic.getAttribute("title");
var decription=document.getElementById("description");
description.firstChild.nodeValue = text;
}
function countBodyChildren()
{
var body_element = document.getElementsByTagName("body")[0];
alert(body_element.childNodes.length);
}
window.onload = countBodyChildren;