JavaScript简单遍历DOM对象所有属性的实现方法


Posted in Javascript onOctober 21, 2015

本文实例讲述了JavaScript遍历DOM对象所有属性的实现方法。分享给大家供大家参考,具体如下:

DOM对象的HTML:

<button id="btnToggleState" onclick="toggleStateManagement()">Disable State Cookie</button>

1、遍历DOM对象所有具备的属性(全属性、不管在HTML tag中是否设置都会遍历)

var obj=document.getElementById("btnToggleState") 
var s="";
for(var elem in obj)
   s+=elem+"\n";
alert(s);

2、遍历DOM对象在HTML tag中设置过的属性

$.each($('#btnToggleState')[0].attributes,function(i,attrib){
  alert(i+":"+attrib.name+":"+attrib.value);
});

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript面向对象之体会[总结]
Nov 13 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
Mar 21 Javascript
jQuery插件 selectToSelect使用方法
Oct 02 Javascript
jquery实现右键菜单插件
Mar 29 Javascript
基于javascript实现图片滑动效果
May 07 Javascript
vue 文件目录结构详解
Nov 24 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
使用JavaScript生成罗马字符的实例代码
Jun 08 Javascript
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 Javascript
vue动态绑定class选中当前列表变色的方法示例
Dec 19 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
Feb 02 Javascript
如何使用CocosCreator对象池
Apr 14 Javascript
详解JavaScript操作HTML DOM的基本方式
Oct 21 #Javascript
JavaScript函数的调用以及参数传递
Oct 21 #Javascript
Java中Timer的用法详解
Oct 21 #Javascript
JS实现的竖向折叠菜单代码
Oct 21 #Javascript
JS基于Mootools实现的个性菜单效果代码
Oct 21 #Javascript
纯javascript实现自动发送邮件
Oct 21 #Javascript
JS实现Fisheye效果动感放大菜单代码
Oct 21 #Javascript
You might like
一些星际专用术语解释
2020/03/04 星际争霸
PHP面向对象精要总结
2014/11/07 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
juqery 学习之三 选择器 层级 基本
2010/11/25 Javascript
JavaScript中去掉数组中的重复值的实现方法
2011/08/03 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
2015/11/26 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
在vue.js中抽出公共代码的方法示例
2017/06/08 Javascript
关于Stream和Buffer的相互转换详解
2017/07/26 Javascript
深入理解Vue 的条件渲染和列表渲染
2017/09/01 Javascript
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
对于防止按钮重复点击的尝试详解
2019/04/22 Javascript
vue 中 beforeRouteEnter 死循环的问题
2019/04/23 Javascript
js+html5 canvas实现ps钢笔抠图
2019/04/28 Javascript
json字符串对象转换代码实例
2019/09/28 Javascript
详解Vue的七种传值方式
2021/02/08 Vue.js
python爬虫入门教程--优雅的HTTP库requests(二)
2017/05/25 Python
Python类的继承和多态代码详解
2017/12/27 Python
Django使用Celery异步任务队列的使用
2018/03/13 Python
Python之pymysql的使用小结
2019/07/01 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
Pytorch卷积层手动初始化权值的实例
2019/08/17 Python
pycharm 实现本地写代码,服务器运行的操作
2020/06/08 Python
美国高档帽子网上商店:Hats.com
2018/08/09 全球购物
Bugatchi官方网站:男士服装在线
2019/04/10 全球购物
法警的竞聘演讲稿
2014/01/02 职场文书
有关打架的检讨书
2014/01/25 职场文书
小学语文教学反思
2014/02/10 职场文书
环保标语口号
2014/06/13 职场文书
父亲节寄语大全
2015/02/27 职场文书
证婚人致辞精选
2015/07/28 职场文书
大学同学聚会感言
2015/07/30 职场文书
一文搞懂redux在react中的初步用法
2021/06/09 Javascript
MySQL聚簇索引和非聚簇索引的区别详情
2022/06/14 MySQL