<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>getElementsByTagName</title> </head> <body> <div class="box1" id="frame1"></div> <div class="box2" id="frame2"></div> <script> // 参考:https://blog.csdn.net/The_X_One/article/details/86485960 // 知识点: // HTMLCollection(html元素节点的集合) // 这个集合是动态的,它会根据DOM树的变化自动更新,而不必再次调用getElementsByTagName方法更新数据。 let divObjs = document.getElementsByTagName("div"); console.log("divObjs:", divObjs); // divObjs: HTMLCollection(2) [div#frame1.box1, div#frame2.box2, frame1: div#frame1.box1, frame2: div#frame2.box2] // console.log(divObjs.__proto__); console.log(Object.prototype.toString.call(divObjs)); // [object HTMLCollection] </script> </body> </html>
js document.getElementsByTagName().html
最新推荐文章于 2022-03-25 20:10:47 发布