javascript - 访问 Web 上的 DOM 信息

Question

我是文档对象模型的新手。是否有任何类似 DOM 的 java-doc 之类的东西。我很难弄清楚以下 javascript 代码。

myElements = document.getElementById('idName').elements // whose attribute is elements part of ? Element Object or Node?
for (var eachElement in myElements) {
    if (myElement[eachElement].type == 'checkbox' ) {
        // why do I have to do this? Specifically, why can't type be accessed as eachElement.type == 'checkbox'
     }
 }

我认为更大的问题是我在访问文档时遇到困难。任何关于两者的线索都将不胜感激。

Answer 1

如前所述，MDC documentation比较全面。

// why do I have to do this? Specifically, why can't type be accessed as eachElement.type == 'checkbox'

.elements 返回 HTMLCollection ^[docs] .这是一个类似数组的数据结构，可以通过for 或for...in ^[docs] 遍历。环形。

for...in 遍历对象的属性。 属性名(索引，可以说，不是它的值)存储在循环变量中，因此，要访问相应的值，您必须编写 obj[prop].

这也是为什么你不应该在这里使用 for...in 的原因。您不知道它是否也循环遍历集合中不是元素的其他属性。

使用普通的 for 循环:

var myElements = ...;
for(var i = myElements.length; i--; ) {
    var element = myElements[i];
    //...
}

我建议也阅读 JavaScript guide了解有关循环、数组和对象的更多信息。