Question

因此。首先，我使用了这个<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。

Answer 1

可能预览变量和/或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中无效

1 个答案: