点击添加自定义属性和获取自定义属性的值

原创于 2018-03-28 16:56:01 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

36 篇文章

订阅专栏

本文探讨了HTML中自定义属性的应用及通过JavaScript对DOM元素进行操作的方法，包括添加、获取和删除自定义属性，以及如何动态修改元素的类样式。

  <style>
        .dvv {
            width: 100px;
            height: 50px;
            background-color: green;
        }
    </style>

</head>
<body>
<input type="button" value="显示效果" id="btn">
<div id="dv" class="dvv" haoshuai="我添加的自定义属性"></div>
<script src="common.js"></script>
<script>
    my$("btn").onclick = function () {
        为标签添加自定义属性 通过对象.属性名 获取不到改属性的值 打印结果是--->undefined
        console.log(my$("dv").haoshuai);

//移除类样式
my$("dv").removeAttribute("class");

得这样获取 console.log(my$("dv").getAttribute("haoshuai")); 为元素动态添加自定义属性 my$("dv").setAttribute("haoshuai","我动态添加的自定义属性") };</script>

点击添加自定义属性 和获取自定义属性的值

点击添加自定义属性和获取自定义属性的值