<!DOCTYPE html>
<html lang="en">
<head>
<meta charsrt="utf-8"/>
<title>laughing2</title>
</head>
<body>
<h1>Snapshot</h1>
<ul>
<li><a href="images/1.jpg" onclick="showPic(this);return false" title="no.1">image1</a>
</li>
<li><a href="images/2.jpg" onclick="countBody(this);return false" title="no.2">image2</a>
</li>
<li><a href="images/3.jpg" onclick="showPic(this);return false" title="no.3">image3</a>
</li>
<img id="placeholder" src="images/4.jpg" alt="no.4"/>
</ul>
<script type="text/javascript" src="scripts/countBody.js"></script>
<script type="text/javascript" src="scripts/showPic.js"></script>
</body>
</html>
countBody.js如下：
function countBodyChildren(){
var body_element = document.getElementByTagName("body")[0];
var count = body_element.childNodes.length;
alert(count);
}
window. onload = countBodyChildren;
<html lang="en">
<head>
<meta charsrt="utf-8"/>
<title>laughing2</title>
</head>
<body>
<h1>Snapshot</h1>
<ul>
<li><a href="images/1.jpg" onclick="showPic(this);return false" title="no.1">image1</a>
</li>
<li><a href="images/2.jpg" onclick="countBody(this);return false" title="no.2">image2</a>
</li>
<li><a href="images/3.jpg" onclick="showPic(this);return false" title="no.3">image3</a>
</li>
<img id="placeholder" src="images/4.jpg" alt="no.4"/>
</ul>
<script type="text/javascript" src="scripts/countBody.js"></script>
<script type="text/javascript" src="scripts/showPic.js"></script>
</body>
</html>
countBody.js如下：
function countBodyChildren(){
var body_element = document.getElementByTagName("body")[0];
var count = body_element.childNodes.length;
alert(count);
}
window. onload = countBodyChildren;
1
Select Language