访问 JavaScript 数组值

Access JavaScript array values

本文关键字：数组 JavaScript 访问      更新时间：2023-09-26

我有一个这样的HTML代码：

 <body>
  <div id="vis">
   <div id="loading-container"><img src="img/loading.gif" id="loading" /><img src="img/loaded.gif" id="loaded" /></div>
  </div>
 </body>

在visdiv 中，会动态添加更多元素，并且它们都具有相同的标记类型： 

<svg class="example" width="800" height="400"></svg>

我想获取所有svg元素，我这样做是这样的：

var visDiv = document.getElementById("vis");
var svgDiv = visDiv.getElementsByTagName("svg");

我正在尝试遍历svgDiv，但是即使那里有多个元素，它也会输出 0 的长度。当我控制台时.log svgDiv我得到： 

SVG: [item: function, namedItem: function]
      0: svg
      1: svg
      length: 2
      __proto__: HTMLCollection

这似乎是一个显而易见的问题，但是我如何访问"0"和"1"对象？

svgDiv["item"][0]结果是undefined。

任何帮助不胜感激！

尝试 

svgDiv[0]

因为

visDiv.getElementsByTagName("svg");

返回带有标记"SVG"的所有元素的数组，并且您希望访问它的第一个(或一般而言的第 n-个(元素。
小提琴

svgDiv 作为 HTML 集合返回。 -- 您应该能够通过使用 

svgDiv.item(0)
svgDiv.item(1)
相关文章：