我从这里怎么走
<div id="cat" class="super"></div>
<div id="cat" class="super"></div>
<div id="bird" class="super"></div>
<div id="dog" class="super"></div>
var allElements = document.getElementsByClassName('super');
for(var i = 0; i < allElements.length; i++) {
allElements[i].id && console.log(allElements[i].id);
}
这给了我 ID 的列表：猫狗鸟......
var从类名中为每个 id动态分配个人super，而不是通过它在列表/数组中的数字，而是通过它的 id，就像在一个例子中一样
var new_el_1 = document.getElementById("cat");
var new_el_2 = document.getElementById("dog");
var new_el_3 = document.getElementById("bird");
...
所以我的基本问题是如何从我的观点获得示例结果。
如果您尝试创建可通过 DOM 中的 ID 访问的变量，请考虑创建一个对象，其属性映射到您想要的元素：
var allElements = document.getElementsByClassName('super');
var elementsMap = {};
for(var i = 0; i < allElements.length; i++) {
var id = allElements[i].id;
if(allElements[i].id) {
elementsMap[id] = document.getElementById(id);
console.log(elementsMap[id]); //access each element by the id
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句