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 相关文章推荐
js读写json文件实例代码
Oct 21 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
May 05 Javascript
浅析JS获取url中的参数实例代码
Jun 14 Javascript
JavaScript操作 url 中 search 部分方法函数
Jun 15 Javascript
jQuery旋转插件jqueryrotate用法详解
Oct 13 Javascript
实例解析jQuery中如何取消后续执行内容
Dec 01 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
Apr 04 Javascript
vue.js国际化 vue-i18n插件的使用详解
Jul 07 Javascript
js 两个日期比较相差多少天的实例
Oct 19 Javascript
ES6中字符串string常用的新增方法小结
Nov 07 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 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
PHP.MVC的模板标签系统(一)
2006/09/05 PHP
解析PHP无限级分类方法及代码
2013/06/21 PHP
PHP PDOStatement:bindParam插入数据错误问题分析
2013/11/13 PHP
深入浅出php socket编程
2015/05/13 PHP
Javascript中的数学函数集合
2007/05/08 Javascript
js函数使用技巧之 setTimeout(function(){},0)
2009/02/09 Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
浅析js预加载/延迟加载
2014/09/25 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
js学习心得_一个简单的动画库封装tween.js
2017/07/14 Javascript
详解Vue CLI3配置解析之css.extract
2018/09/14 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
bootstrap-closable-tab可实现关闭的tab标签页插件
2020/08/09 Javascript
vue界面发送表情的实现代码
2020/09/11 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
2021/02/26 Vue.js
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
Python爬取当当、京东、亚马逊图书信息代码实例
2017/12/09 Python
python matlibplot绘制3D图形
2018/07/02 Python
python: 自动安装缺失库文件的方法
2018/10/22 Python
Python检查和同步本地时间(北京时间)的实现方法
2018/12/03 Python
如何用python写一个简单的词法分析器
2018/12/18 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
解决python调用自己文件函数/执行函数找不到包问题
2020/06/01 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
amaze ui 的使用详细教程
2020/08/19 HTML / CSS
青年文明号创建承诺
2014/03/31 职场文书
购房协议书
2014/04/11 职场文书
《彭德怀和他的大黑骡子》教学反思
2014/04/12 职场文书
个人授权委托书模板
2014/09/14 职场文书
工作失误检讨书范文
2015/01/26 职场文书
迎新生晚会主持词
2015/06/30 职场文书
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript