美文网首页
removeAttribute() 方法

removeAttribute() 方法

作者: WangYatao | 来源:发表于2017-06-21 17:31 被阅读12次

    removeAttribute() 在js中用来移除css的属性。
    书写方法: document.getElementsByTagName("元素标签")[位置].removeAttribute("style");
    只有style写在元素中这个写法才有效。

    <!DOCTYPE html>
    <html>
    <head>
        <title>  </title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    </head>
    <body>
    <h1 style="color: red;font-size:12px;">你好</h1>
    <h1 style="color: red;font-size:12px;">你好啊</h1>
    <button onclick="changeStyle()">清除样式</button>
    </body>
    <script type="text/javascript">
        function changeStyle() {
            document.getElementsByTagName("h1")[0].removeAttribute("style");
        }
    </script>
    </html>  
    

    ****style时的样式****

    Paste_Image.png

    ****重置后的样式****

    Paste_Image.png

    相关文章

      网友评论

          本文标题:removeAttribute() 方法

          本文链接:https://www.haomeiwen.com/subject/iletcxtx.html