Javascript 为什么document.images包含的不仅仅是图像引用？_Javascript_Dom_Domdocument

Javascript 为什么document.images包含的不仅仅是图像引用？

javascript dom

Javascript 为什么document.images包含的不仅仅是图像引用？,javascript,dom,domdocument,Javascript,Dom,Domdocument,这里是JavaScript新手，请温柔。我使用的JavaScript资源似乎都说，document.images是页面上img元素引用的数组（更新：除非它不是数组；请参见下面的Badacadbra的回答）。这很清楚，所以为了深入研究，我写了： <!DOCTYPE html> <html> <body> <img src="http://java2s.com/style/demo/border.png" width="150" height="113"

这里是JavaScript新手，请温柔。我使用的JavaScript资源似乎都说，

document.images

是页面上

img

元素引用的数组（更新：除非它不是数组；请参见下面的Badacadbra的回答）。这很清楚，所以为了深入研究，我写了：

<!DOCTYPE html>
<html>
<body>
  <img src="http://java2s.com/style/demo/border.png" width="150" height="113">
  <img src="http://java2s.com/style/demo/border.png" width="150" height="113">       
  <img src="http://java2s.com/style/demo/border.png" width="150" height="113">
  <p><button onclick="myFunction()">test</button></p>
  <p id="demo"></p>

  <script>
    function myFunction() {
      image_report = ""
      for (i in document.images) {
        image_report = image_report + document.images[i].src + "<br>";
      }
      document.getElementById("demo").innerHTML = image_report;
    }
  </script>
</body>
</html>

这些是什么？它们在那里做什么？为什么不解释一下，例如，？我是否遗漏了一些关于中…的

工作原理的信息？
您可以使用以下内容：
document.getElementsByTagName('img')

您可以改为使用此选项：
document.getElementsByTagName('img')

document.images
不是数组

console.log（Array.isArray（document.images））文档。图像
不是数组

console.log（Array.isArray（document.images））
for…in语句迭代
反对
还将获取文档.images的.length
、.item
和.namedItem
属性
您也可以使用for..of
循环


试验

函数myFunction（）{
image_report=“”
for（让文档的图像。图像）{
image\u report=image\u report+image.src+“
”；
}
document.getElementById（“demo”）.innerHTML=image\u报告；
}

for…in语句迭代
反对
还将获取文档.images的.length
、.item
和.namedItem
属性
您也可以使用for..of
循环


试验

函数myFunction（）{
image_report=“”
for（让文档的图像。图像）{
image\u report=image\u report+image.src+“
”；
}
document.getElementById（“demo”）.innerHTML=image\u报告；
}
有用，我在研究中也遇到过这一点，但我仍然很好奇结尾处附加的三个对象在那里做了什么……有用，我在研究中也遇到过这一点，但我仍然很好奇结尾处附加的三个对象在那里做了什么……“我是否遗漏了一些关于
中如何工作的document.images[“length”].src
，document.images[“item”].src
，document.images[“namedItem”].src
未定义。您可以通过将console.log（i）
包含在for..in
循环中来验证这一点。“我是否缺少关于for..in
工作原理的信息？”文档。图像[“length”].src
，文档。图像[“namedItem”]。src
未定义。您可以通过将console.log（i）
包含在for..in
循环中来验证这一点。