Question

<html>
<head></head>
<body> 
<script>
    var image1 = newImage();
    image1.src = "./SkinnersLogo.png";
    document.getElementById("d").innerHTML = image1;
</script>
<img id="d"> </img>
</body>
</html>

我已将图像1的值设置为源。然后，我尝试用innerHTML此图像，然后在img标签中显示它。但是，我所看到的只是HTML窗口上的空白屏幕。有人知道我在这里做错了吗？我看不到任何错误，谢谢。

Answer 1

您忘记了new运算符和Image函数名称之间的空格
您致电了getElementById before the element existed
您试图分配一个DOM节点（返回值new Image），就好像它是HTML字符串（不是）一样。使用appendChild(your_node)而不是innerHTML = your_html。

了解如何在浏览器中使用开发人员工具。您会在控制台中收到许多错误消息，这可能会帮助您自己进行调试。

Answer 2

如果页面上已经有图像标签，则可以简单地分配src属性，如下所示。

<img id="d"> </img>

<script>
    var source= "./SkinnersLogo.png";
    document.getElementById("d").src = source;
</script>

javascript和html：我在这里做错了什么？

2 个答案: