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

 更新时间:2015年10月21日 15:33:04   作者:逐浪_一生悬命  
这篇文章主要介绍了JavaScript简单遍历DOM对象所有属性的实现方法,涉及JavaScript针对页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • JS实现添加缓动画的方法

    JS实现添加缓动画的方法

    这篇文章主要为大家详细介绍了JS实现添加缓动画的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • Bootstrap笔记—折叠实例代码

    Bootstrap笔记—折叠实例代码

    本篇文章主要介绍了Bootstrap笔记—折叠实例代码,详细的介绍了折叠效果实例,包括一组多组等,非常具有实用价值,需要的朋友可以参考下。
    2017-03-03
  • javascript关于继承的用法汇总

    javascript关于继承的用法汇总

    这篇文章主要介绍了javascript关于继承的用法,实例汇总了常见的javascript关于继承的用法,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • ES6入门教程之Class和Module详解

    ES6入门教程之Class和Module详解

    这篇文章主要给大家介绍了ES6中Class和Module的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-05-05
  • 小程序图片剪裁加旋转的示例代码

    小程序图片剪裁加旋转的示例代码

    这篇文章主要介绍了小程序图片剪裁的示例代码,可以通过手势控制旋转缩放移动,也可以点击旋转进行90度旋转,非常具有实用价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • Mac下使用charles遇到的问题以及解决办法

    Mac下使用charles遇到的问题以及解决办法

    本文主要介绍了Mac下使用charles遇到的问题以及解决办法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问

    js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问

    这篇文章主要介绍了js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问,需要的朋友可以参考下
    2015-09-09
  • JS实现数组扁平化的方法分享

    JS实现数组扁平化的方法分享

    数组扁平化指的是:将一个多层嵌套的数组,处理成只有一层的数组。本文主要和大家介绍了几个常用的JS数组扁平化方法,希望对大家有所帮助
    2023-04-04
  • js数组高阶函数之includes()方法总结

    js数组高阶函数之includes()方法总结

    JS的数组是一种特殊的对象,其特点是在值的列表中按照顺序存放值,在 JS中,数组是由中括号 [] 括起来的数值序列,本篇文章给大家介绍js数组高阶函数——includes()方法,感兴趣的朋友一起看看吧
    2023-12-12
  • Blazor实现微信的Tab切换功能

    Blazor实现微信的Tab切换功能

    这篇文章主要介绍了Blazor实现微信的Tab切换功能,本文中的UI组件使用的是MASA Blazor,您也可以是其他的UI框架,这个并不影响实际的运行效果,本文案例是兼容PC和Android的,演示效果是android中执行的,在PC中执行效果依然有效,需要的朋友可以参考下
    2023-01-01

最新评论