JavaScript中有集合,JavaScript中的HTMLCollection物件是類別陣列的HTML元素清單(集合)。 getElementsByTagName()方法傳回HTMLCollection物件。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript中有集合,JavaScript中的HTMLCollection物件是類別陣列的HTML元素清單(集合)。 getElementsByTagName()方法傳回HTMLCollection物件。
JavaScript中的DOM集合:
length 屬性定義了HTMLCollection 中元素的數量:
範例:
<!DOCTYPE html> <html> <body> <h1>JavaScript HTML DOM</h1> <p>Hello World!</p> <p>Hello China!</p> <p id="demo"></p> <script> var myCollection = document.getElementsByTagName("p"); document.getElementById("demo").innerHTML = "此文档包含 " + myCollection.length + " 段文字。"; </script> </body> </html>
效果:
實例解釋:
建立所有
元素的集合
顯示集合的長度
註:
HTMLCollection 並非陣列!
HTMLCollection 也許看起來像數組,但並非數組。
您能夠遍歷列表並透過數字引用元素(就像數組那樣)。
不過,您無法對 HTMLCollection 使用陣列方法,例如 valueOf()、pop()、push() 或 join()。
【推薦學習:javascript高階教學】
#以上是JavaScript有沒有集合的詳細內容。更多資訊請關注PHP中文網其他相關文章!