<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h1>图片转换</h1>
<ul>
<li>
<a href="images/pic1.jpg" onclick="showPic(this);return false">图片1</a>
</li>
<li>
<a href="images/pic2.jpg" onclick="showPic(this);return false">图片2</a>
</li>
<li>
<a href="images/pic3.jpg" onclick="showPic(this);return false">图片3</a>
</li>
<li>
<a href="images/pic4.jpg" onclick="showPic(this);return false">图片4</a>
</li>
</ul>
<img src="images/pic1.jpg"id="placeholder" alt="my image gallery" />
<style type="text/css">
#placeholder{
width: 600px;
height: 400px;
border: 1px solid #fff;
}
</style>
<script>
function showPic(whichpic){
var source=whichpic.getAttribute("href");
var placeholder=document.getElementById("placeholder");
placeholder.setAttribute("src",source);
}
function countBodyChildren() {
var body_element = document.geElementsByTagName("body")[0];
alert (body_element.childNodes.length);
}
window.onload = countBodyChildren;
</script>
</body>
</html>qq_sU_4
相关分类