JavaScript变量Dom对象的所有属性
DOM对象的HTML:
<button>Disable State</buttom>
1,遍历DOM对象所具有的属性(全部,不管是否在HTML tag中是否设置)
<!DOCTYPE html><html><body> <button onclick='toggleStateManagement()'> Disable State </button></body><script> var obj = document.getElementById('btnToggleState'); var s = ''; for (var elem in obj) { s += elem + 'n'; } alert(s);</script></html>
结果:
2.遍历DOM对象在HTML中设置过的属性:
每一个attribute属性有一个附加属性specified,当属性是HTML Element的属性(指写在代码中可见的),或者是通过setAttribute方法进行的添加的时候,它的值为 true。
<!DOCTYPE html><html><body> <button onclick='toggleStateManagement()'> Disable State </button></body><script> // var obj = document.getElementById('btnToggleState'); // var s = ''; // for (var elem in obj) { // s += elem + 'n'; // } // alert(s); var obj = document.getElementById('btnToggleState'); var pairs = new Array(); for (var i = 0, len = obj.attributes.length; i < len; i++) { var name = obj.attributes[i].nodeName; var value = obj.attributes[i].nodeValue; if (obj.attributes[i].specified) { pairs.push(name + '=’ ' + value + '’ ') } } alert(pairs);</script></html>
结果如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持好吧啦网。
相关文章:
1. django创建css文件夹的具体方法2. CentOS邮件服务器搭建系列—— POP / IMAP 服务器的构建( Dovecot )3. 存储于xml中需要的HTML转义代码4. Django model重写save方法及update踩坑详解5. ASP中实现字符部位类似.NET里String对象的PadLeft和PadRight函数6. .NET SkiaSharp 生成二维码验证码及指定区域截取方法实现7. ASP中if语句、select 、while循环的使用方法8. MyBatis JdbcType 与Oracle、MySql数据类型对应关系说明9. phpstudy apache开启ssi使用详解10. jsp网页实现贪吃蛇小游戏
