如何使用javascript將文本或數字范圍附加到div？

Question

我繼承了一個像這樣的JS文件：

    var id1 = document.getElementById("id1");
    var id2 = document.getElementById("id2");
    var id3 = document.getElementById("id3");
    var id4 = document.getElementById("id4"); //etc etc.

我想知道是否有一種簡單的方法可以使用純Javascript將數字附加到具有相同名稱的ID上，而不是逐行列出每個ID。

請指教。

謝謝！

Answer 1

 var nodes = []; var find = 6; for (var i = 1; i <= 6; i++) { nodes.push(document.getElementById('id' + i)); } console.log(nodes); 

 <div id="id1"></div> <div id="id2"></div> <div id="id3"></div> <div id="id4"></div> <div id="id5"></div> <div id="id6"></div> 

---

一個更強大的解決方案：

使用querySelectorAll選擇ID以id開頭的元素，然后過濾出不匹配id的結果，后跟數字。

 var nodes = document.querySelectorAll('[id^="id"]'); nodes = [].slice.call(nodes).filter(function(node) { return /id\\d+/.test(node.id); }); console.log(nodes); 

 <div id="id1"></div> <div id="id2"></div> <div id="id3"></div> <div id="id4"></div> <div id="id5"></div> <div id="id6"></div> <!-- This node should not be included --> <div id="idea"></div>