gpt4 book ai didi

Javascript onclick 改变 id img

转载 作者:行者123 更新时间:2023-11-28 13:49:20 25 4
gpt4 key购买 nike

我试图拥有它,以便如果您选择 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>

最佳答案

在您的 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;
}

关于Javascript onclick 改变 id img,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11910222/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com