新建一个html页面， 定名为test.html， 用于讲解js若何输出html页面所有div的id属性 。
文章插图
2在test.html页面， 建立四个div， 此中三个div有id属性， 并建立一个button按钮来触发获得div的id属性 。
文章插图
3【js如何输出html页面所有div的id属性】给button按钮绑定onclick点击事务， 当按钮被点击时， 执行handleAllTags()函数来获得所有div的id属性 。
文章插图
4在handleAllTags()函数内， 利用document.getElementsByTagName()方式获适当前页面所有的div， 并把该对象保留在变量arrayOfDocFonts中 。 代码如下：
文章插图
5在handleAllTags()函数内， 利用length属性获得arrayOfDocFonts的长度， 再利用for轮回遍历获得div 。
文章插图
6在handleAllTags()函数内， 利用".id"的方式获得每个div对象的id属性名， 并把它保留在数组arr中 。 代码如下：
文章插图
7利用document.write()方式输出arr数组内的元素,即输出当前页面获得的所有div的id属性 。 在浏览器运行test.html页面， 查看输出的成果， 可见， 当作功获得页面所有div的id属性 。
文章插图
文章插图
以上内容就是js如何输出html页面所有div的id属性的内容啦， 希望对你有所帮助哦！
推荐阅读
- 微信公众号里发布了的文章如何删除
- 中国移动网上营业厅如何查积分兑换物品
- spring boot如何设置文件上传总大小，详细教程
- 如何找回QQ好友被删除的好友
- js遍历多维数组的方法
- QQ空间如何删除说说
- win7系统如何关闭防火墙
- 如何参与电信预存话费赠话费活动
- 如何在视频中添加图片
- 春季宝宝胃口不好怎么办？该如何调理呢？