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

时间:2022-06-03 20:21:44
  <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>