未按预期选择元素

Question

我正在尝试使用 AngularJS 应用程序中的以下 sn-p 代码使用 JavaScript 选择一个元素。

var assicurazione = document.getElementsByClassName("assicurazione");
var aLength = assicurazione.length;

for(var key in assicurazione){
   console.log("key: ", key);
   console.log("assicurazione[key] ", assicurazione[key]);
}

console.log("assicurazione element: ", assicurazione);
console.log("assicurazione.length: ", aLength);

for(var a = 0; a < aLength; a++){
   console.log("Element: ", assicurazione[a]); // not firing
   console.log("a value: ", a); // not firing
}

console.log 的输出如下：

循环没有按预期工作，因为长度为 0，但元素有一个长度属性，在这种情况下，它设置为 16，所以我不知道为什么它不会循环遍历元素。

谁能帮帮我？

Answer 1

当我在此页面的上下文中运行您的代码时——但更改了类名——它按预期对我有用。我怀疑您的代码可能还有其他问题。你试过angular.element吗？

https://docs.angularjs.org/api/ng/function/angular.element

var assicurazione = document.getElementsByClassName("module");
var aLength = assicurazione.length;

console.log(assicurazione, aLength);

for(var a = 0; a < aLength; a++){
   console.log(a);
}

Answer 2

如果你想访问每个元素，你的循环需要看起来更像这样，忽略我对变量名所做的更改。

var elements = document.getElementsByClassName("mine");
var aLength = elements.length;

console.log(aLength);
console.log(elements);

for(var a = 0; a < aLength; a++){
   console.log(elements[a]);
}

查看working example on jsfiddle。