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 相关文章推荐
Fixie.js 自动填充内容的插件
Jun 28 Javascript
js每隔5分钟执行一次ajax请求的实现方法
Nov 27 Javascript
javascript中基本类型和引用类型的区别分析
May 12 Javascript
利用JS轻松实现获取表单数据
Dec 06 Javascript
详解Vue组件之间的数据通信实例
Jun 17 Javascript
基于iScroll实现下拉刷新和上滑加载效果
Jul 18 Javascript
bootstrap 通过加减按钮实现输入框组功能
Nov 15 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
Mar 27 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
Jul 03 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
vue cli4下环境变量和模式示例详解
Apr 09 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
仿Aspnetpager的一个PHP分页类代码 附源码下载
2012/10/08 PHP
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
解析用PHP读写音频文件信息的详解(支持WMA和MP3)
2013/05/10 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
PHP中的流(streams)浅析
2015/07/02 PHP
PHP递归遍历指定文件夹内的文件实现方法
2016/11/15 PHP
老生常谈php 正则中的i,m,s,x,e分别表示什么
2017/03/02 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
浅析JavaScript动画
2015/06/10 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
JS中数组重排序方法
2016/11/11 Javascript
在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
2017/09/19 NodeJs
对layui初始化列表的CheckBox属性详解
2019/09/13 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
vue data引入本地图片的两种方式小结
2019/11/13 Javascript
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
Python计算已经过去多少个周末的方法
2015/07/25 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
Python延时操作实现方法示例
2018/08/14 Python
python实现AES和RSA加解密的方法
2019/03/28 Python
python3.5安装python3-tk详解
2019/04/26 Python
TensorFlow索引与切片的实现方法
2019/11/20 Python
推荐8款常用的Python GUI图形界面开发框架
2020/02/23 Python
德国在线订购鲜花:Fleurop
2018/08/25 全球购物
事业单位辞职信范文
2014/01/19 职场文书
大学军训感言800字
2014/02/27 职场文书
中介公司区域经理岗位职责范本
2014/03/02 职场文书
清扬洗发水广告词
2014/03/14 职场文书
水污染治理工程专业自荐信
2014/06/21 职场文书
中学生清明节演讲稿
2015/03/18 职场文书
校园运动会广播稿
2015/08/19 职场文书