自定义元素属性

自定义元素

每个元素都有自己的属性,同时也可以增加一些自定义的属性

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
/*
    HTML 标签属性、
    自定义属性
*/
window.onload = function (){
    var aBtn = document.getElementsByTagName('input');
    
    // aBtn[0].abc = 123;           // 自定义属性
    
    // alert( aBtn[0].abc );
    // aBtn[0].abc = 456;
    
    // JS 可以为任何HTML元素添加任意个 自定义属性
    
    for( var i=0; i<aBtn.length; i++ ){
        aBtn[i].abc = 123;
        aBtn[i].xyz = true;
    }
    
};
</script>
</head>

<body>

<input type="button" value="按钮1" />
<input type="button" value="按钮2" />
<input type="button" value="按钮3" />

</body>
</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,461评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,609评论 25 709
  • 最近找工作神烦,与身边好友探讨,虽有所进展,却不能一直叨扰。无奈之下,抱着将微信中许久不曾联系的人约出来喝咖啡的心...
    布雷干部阅读 1,833评论 0 0
  • 三点一线让我充实 充实让这个我原本讨厌的冬天变得美好 小憩|下午茶|尬聊|少女心| ...
    果哈哈阅读 890评论 0 1