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实现添加缓动画的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2022-07-07
Bootstrap笔记—折叠实例代码
本篇文章主要介绍了Bootstrap笔记—折叠实例代码,详细的介绍了折叠效果实例,包括一组多组等,非常具有实用价值,需要的朋友可以参考下。
2017-03-03
javascript关于继承的用法汇总
这篇文章主要介绍了javascript关于继承的用法,实例汇总了常见的javascript关于继承的用法,具有一定的参考借鉴价值,需要的朋友可以参考下
2014-12-12
小程序图片剪裁加旋转的示例代码
这篇文章主要介绍了小程序图片剪裁的示例代码,可以通过手势控制旋转缩放移动,也可以点击旋转进行90度旋转,非常具有实用价值,感兴趣的小伙伴们可以参考一下
2018-07-07
JS实现数组扁平化的方法分享
数组扁平化指的是:将一个多层嵌套的数组,处理成只有一层的数组。本文主要和大家介绍了几个常用的JS数组扁平化方法,希望对大家有所帮助
2023-04-04
js数组高阶函数之includes()方法总结
JS的数组是一种特殊的对象,其特点是在值的列表中按照顺序存放值,在 JS中,数组是由中括号 [] 括起来的数值序列,本篇文章给大家介绍js数组高阶函数——includes()方法,感兴趣的朋友一起看看吧
2023-12-12
Blazor实现微信的Tab切换功能
这篇文章主要介绍了Blazor实现微信的Tab切换功能,本文中的UI组件使用的是MASA Blazor,您也可以是其他的UI框架,这个并不影响实际的运行效果,本文案例是兼容PC和Android的,演示效果是android中执行的,在PC中执行效果依然有效,需要的朋友可以参考下
2023-01-01
最新评论