新手,写了一点js,总是运行不成功,实在找不到问题出在哪。

找到答案了。。就说我拼写问题。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"));
}
阅读 3.2k
3 个回答

第一次可以用一下 ide 吧,webstorm,有自动提示,并且能够看到方法兼容的浏览器。

如果找不出错误可以利用谷歌的调试工具 ,或者火狐浏览器的断点,这都非常的方便

这代码写的,先不谈优雅不优雅,定义合适的变量来保存要反复用到的元素这个是最基本的了。再说说你的错误,调用的方法错了,仔细查找,不要动不动就找别人帮忙,自检是一个程序员最基本的素质。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题