找到答案了。。就说我拼写问题。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,有自动提示,并且能够看到方法兼容的浏览器。
一周热门 更多>