js如何输出html页面所有div的id属性

新建一个html页面，定名为test.html，用于讲解js若何输出html页面所有div的id属性。

在test.html页面，建立四个div，此中三个div有id属性，并建立一个button按钮来触发获得div的id属性。

给button按钮绑心猿意马onclick点击事务，当按钮被点击时，执行handleAllTags()函数来获得所有div的id属性。

在handleAllTags()函数内，利用document.getElementsByTagName()方式获适当前页面所有的div，并把该对象保留在变量arrayOfDocFonts中。代码如下：

在handleAllTags()函数内，利用length属性获得arrayOfDocFonts的长度，再利用for轮回遍历获得div。

在handleAllTags()函数内，利用".id"的方式获得每个div对象的id属性名，并把它保留在数组arr中。代码如下：

利用document.write()方式输出arr数组内的元素,即输出当前页面获得的所有div的id属性。在浏览器运行test.html页面，查看输出的成果，可见，当作功获得页面所有div的id属性。

0 条评论