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 replace方法与正则表达式
Feb 19 Javascript
javascript中的关于类型转换的性能优化
Dec 14 Javascript
初识JQuery 实例一(first)
Mar 16 Javascript
jquery 延迟执行实例介绍
Aug 20 Javascript
jQuery文件上传插件Uploadify使用指南
Jun 05 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
JQuery实现的按钮倒计时效果
Dec 23 Javascript
微信小程序 实例开发总结
Apr 26 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
JavaScript中交换值的10种方法总结
Aug 18 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
在PHP中利用XML技术构造远程服务(上)
2006/10/09 PHP
php 引用(&amp;)详解
2009/11/20 PHP
解决phpmyadmin中缺少mysqli扩展问题的方法
2013/05/06 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
注意:php5.4删除了session_unregister函数
2013/08/05 PHP
smarty简单应用实例
2015/11/03 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
PHP simplexml_import_dom()函数讲解
2019/02/03 PHP
PHP中str_split()函数的用法讲解
2019/04/11 PHP
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
将Datatable转化成json发送前台实现思路
2013/09/06 Javascript
jquery实现弹出窗口效果的实例代码
2013/11/28 Javascript
第五篇Bootstrap 排版
2016/06/21 Javascript
Angular.JS实现无限级的联动菜单(使用demo)
2017/02/08 Javascript
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
详解vue.js移动端导航navigationbar的封装
2017/07/05 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
js回调函数仿360开机
2019/12/26 Javascript
JS简单表单验证功能完整示例
2020/01/26 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
[02:11]2016国际邀请赛中国区预选赛全程回顾
2016/07/01 DOTA
python保存网页图片到本地的方法
2018/07/24 Python
浅析python,PyCharm,Anaconda三者之间的关系
2019/11/27 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
python3 deque 双向队列创建与使用方法分析
2020/03/24 Python
python通过函数名调用函数的几种场景
2020/09/23 Python
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
2012/12/13 HTML / CSS
机电专业个人求职信范文
2013/12/30 职场文书
大学生饮食配送创业计划书
2014/01/04 职场文书
青年文明号事迹材料
2014/01/18 职场文书
《赶海》教学反思
2014/04/20 职场文书
一体化教学实施方案
2014/05/10 职场文书
党性观念心得体会
2014/09/03 职场文书
税务会计岗位职责
2015/04/02 职场文书
发工资啦!教你用Python实现邮箱自动群发工资条
2021/05/10 Python