getAttribute setAttribute removeAttribute

最新推荐文章于 2021-09-07 11:35:34 发布

原创最新推荐文章于 2021-09-07 11:35:34 发布 · 312 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何使用JavaScript操作HTML页面中的DOM元素属性，包括获取、设置和删除元素的属性，并通过实例展示了不同操作的效果。

        <body>
        <input type="button" value="zj" onclick="tj();" class="testbutton" id = "b01">
        <script type="text/javascript">
              var s = document.getElementById("b01");
              //获取属性
              var s1= s.getAttribute("class");//testbutton
              //设置属性
              s.setAttribute("class","csbutton");
             // alert(s.getAttribute("class"));//csbutton
              //删除属性
              s.removeAttribute("class");
           //   alert(s.getAttribute("class"));//null
              s.removeAttribute("value");
              alert(s.getAttribute("value"));//null        IE  zj   非IE不兼容
        </script>
        </body>