gpt4 book ai didi

HTML id 属性在 Google Chrome 中不起作用

转载 作者:行者123 更新时间:2023-11-28 11:11:21 24 4
gpt4 key购买 nike

所以。首先我用这个 <img onmouseover="preview.src=img1.src" id="img1" src="pic01.jpg" alt="Image Not Loaded"/>但它没有用。我将“id”更改为“name”并且它起作用了。但是 name 属性已经过时,不推荐使用。那我应该用什么?我正在尝试为我的学校元素制作一个图片库。因为这是一个学校元素,所以它必须是“完美”的 html。没有任何错误。

顺便说一句。 “id”适用于 Internet Explorer 和 Mozilla Firefox。但不是在谷歌浏览器中。

我的全部代码是这样的:

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

<div class="thumbnails">
<img onmouseover="preview.src=img1.src" name="img1" src="image001.jpg" alt="Image Not Loaded"/>
<img onmouseover="preview.src=img2.src" name="img2" src="image002.jpg" alt="Image Not Loaded"/>
</div>
<br>

<div class="preview" style="text-align: center;">

<img name="preview" src="image001.jpg" alt="No Image Loaded"/>

</div>

</body>

</html>

当我将 id 更改为 name 时,这在 Google Chrome 中有效。

最佳答案

可能变量 preview 和/或 img1 是undefined。我假设您正在尝试:

<img onmouseover="document.getElementById('preview').src=document.getElementById('img1').src" id="img1" src="pic01.jpg" alt="Image Not Loaded"/>

关于HTML id 属性在 Google Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21968491/

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