找到答案了。。就说我拼写问题。getElementByTagName中少了By。
这是html:
<!doctype html>
<html lang="zh-cn">
<head>
<title>变形金刚</title>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="bxjg.css">
<script type="text/javascript" src="bxjg.js"></script>
</head>
<body>
<h1>变形金刚图赏</h1>
<ul id="tupianku">
<li>
<a class="image" href="images/bxjg1.jpg" title="变形金刚1">变形金刚1</a>
</li>
<li>
<a class="image" id="shiyan" href="images/bxjg2.jpg" title="变形金刚2">变形金刚2</a>
</li>
<li>
<a class="image" href="images/bxjg3.jpg" title="变形金刚3">变形金刚3</a>
</li>
</ul>
<img id="placeholder" src="images/bxjg.jpg" alt="变形金刚" width="293" height="220">
<p id="description">
变形金刚
</p>
</body>
</html>
这是js:
window.onload=gaibian;
function gaibian(){
for(var i=0;i<document.getElementById("tupianku").getElementsTagName("a").length;i++){
document.getElementById("tupianku").getElementsByTagName("a")[i].onclick=function(){
bianhuan(this);
return false;
}
}
}
function bianhuan(tupian){
document.getElementById("placeholder").setAttribute("src",tupian.getAttribute("href"));
}
第一次可以用一下 ide 吧,webstorm,有自动提示,并且能够看到方法兼容的浏览器。