Javascript 我一直得到'；无法读取属性'；追加儿童'；Image.img.onload错误处的null值奥利 //加载图像 //img.src='path/to/image.jpg'； var img=新图像（）； var div=document.getElementById（'foo'）； img.onload=函数（）{ 儿童分部（img）； }; //img.src='path/to/image.jpg'； img.src='bone.jpg'；_Javascript

Javascript 我一直得到'；无法读取属性'；追加儿童'；Image.img.onload错误处的null值奥利 //加载图像 //img.src='path/to/image.jpg'； var img=新图像（）； var div=document.getElementById（'foo'）； img.onload=函数（）{ 儿童分部（img）； }; //img.src='path/to/image.jpg'； img.src='bone.jpg'；

javascript

Javascript 我一直得到'；无法读取属性'；追加儿童'；Image.img.onload错误处的null值奥利 //加载图像 //img.src='path/to/image.jpg'； var img=新图像（）； var div=document.getElementById（'foo'）； img.onload=函数（）{ 儿童分部（img）； }; //img.src='path/to/image.jpg'； img.src='bone.jpg'；,javascript,Javascript,每当我在chrome上打开它时，它都不会显示bone.jpg bone.jpg与html文件位于同一文件夹中，当我打开控制台时，它会显示出来无法在Image.img.onload处读取null的属性“appendChild” 我是JavaScript新手，因此请尽可能简化您的回答。您需要在标记中添加一个id为foo的div以附加到： <html> <head> <title> OLL </title> </head> <

每当我在chrome上打开它时，它都不会显示

bone.jpg

bone.jpg

与html文件位于同一文件夹中，当我打开控制台时，它会显示出来

无法在Image.img.onload处读取null的属性“appendChild”

我是JavaScript新手，因此请尽可能简化您的回答。

您需要在标记中添加一个id为

foo

的div以附加到：

<html>

<head>
  <title> OLL </title>
</head>

<body>
  <script type=text/javascript>
    //Loads Images
    //img.src = 'path/to/image.jpg';

    var img = new Image();
    var div = document.getElementById('foo');

    img.onload = function() {
      div.appendChild(img);
    };

    //img.src = 'path/to/image.jpg';
    img.src = 'bone.jpg';
  </script>
</body>

</html>


奥利
var img=新图像（）；
var div=document.getElementById（'foo'）；
img.onload=function（）{div.appendChild（img）；}；
img.src='bone.jpg'；

您需要将id为

foo

的

添加到HTML标记中，否则您的脚本无法找到具有此类id的元素并返回

null

，该元素不能附加到：

<html>
<head>
    <title> OLL </title>
</head>
<body>
    <div id="foo"></div>

    <script type=text/javascript>
        var img = new Image(); 
        var div = document.getElementById('foo');
        img.onload = function() { div.appendChild(img); };
        img.src = 'bone.jpg';
    </script>
</body>
</html>

[…]
[...]

完整代码：


奥利
var img=新图像（）；
var div=document.getElementById（'foo'）；
img.onload=函数（）{
儿童分部（img）；
};
img.src='bone.jpg'；

标记中id为

foo

的

div

在哪里？如果您是JavaScript新手，除了通常的免费或付费在线课程和书籍之外，MDN是一个很好的资源。有关详细信息，请参阅，其中还应突出显示元素在查询之前需要存在。这非常好，我最终实现了它，但是否存在使用一个div标签同时拥有多张图片的情况？@dope_asaurus如果此答案解决了问题中的问题，请将其标记为这样。您试图解决的任何其他问题都应在单独的问题中提出。

[...]
<body>

<div id="foo"></div>

<script type=text/javascript>
[...]