所以。
首先我用这个 <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/