0

我正在尝试使用它，以便如果您选择 id 为“defaultone”或“defaulttwo”的图像之一，则 id 为“actualone”的图像将更改为该图像。我知道我非常接近，但我在某处有一个小错误。有人可以帮帮我吗？？

        <script type="text/javascript">
        // Popup window code
        function newPopup(url) {
            popupWindow = window.open(url,'popUpWindow','height=450,width=600,left=10,top=10,resizable=no,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
        }
        function bigimg(x) {
            x.style.height="65px";
            x.style.width="85px";
            x.style.opacity="0.5";
        }
        function defaultimg(x) {
            x.style.height="60px";
            x.style.width="80px";
        }
        function teamback(x) {
            document.getElementById("x").src = document.getElementById("defaultone").src;
        }
        </script>

    </head>
        <body>
            Your Team <img id="defaultone" onmouseover="bigimg(this)" onclick="teamback(this)" onmouseout="defaultimg(this)" src="cowboys.gif"> vs <img id="defaulttwo" onmouseover="bigimg(this)" onclick="teamback(this)" onmouseout="defaultimg(this)" src="giants.gif"><img src="" id="actualone" style="width:85px; height:65px;"><br><br>
            <img src="colts.gif"> vs <img src="bears.gif">
        </body>
</html>
4

4 回答 4

3

在您的 JavaScript 方法teamover()中，您错误地使用document.getElementById("x");引用了发送元素 元素"x"不存在。

尝试更新到这个：

function teamback(x) {
    // update the "actualone" image's source to the sending-image's source
    document.getElementById("actualone").src = x.src;
}
于 2012-08-10T22:55:55.913 回答
2

使用 jQuery（您已经包含在 HTML 文档的头部）：

<script type="text/javascript">
    $(document).ready(function(){
        // For both
        $('#defaultone, #defaulttwo').click(function(){
            $('#actualone').attr('src', $(this).attr('src'));
        });
    });
</script>

重写为使用一个函数。

于 2012-08-10T22:58:06.643 回答
0

应该如下

function teamback(x) {
    x.src = document.getElementById("defaultone").src; // To change the x element's src to defaultone's src
}

由于您this不是使用它的 id 来传递元素本身。

于 2012-08-10T23:00:44.277 回答
0

看起来您正试图x在此行上访问：

document.getElementById("x").src =

它应该是：

x.src =

此外，onclick等中的代码后面应该有一个分号，比如

onclick="teamback(this);"
于 2012-08-10T23:01:54.557 回答