removeAttribute（）不工作DOM

本文介绍了removeAttribute（）不工作DOM的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

为什么 removeAttribute（）删除以下代码中的任何内容：

Why doesn't removeAttribute() remove anything in the following code:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>test</title>
</head>
<body>
    <div id="myDiv">
        Element with style.
    </div>
    <br />
    <br />
    <button onclick="DelStyle()">
        Remove the style attribute from the element
    </button>
    <script type="text/javascript">
        function DelStyle() {
            var div = document.getElementById("myDiv");
            console.log(div)
            div.style.border = 'solid #3B3B3D 1px';
            console.log(div)
            div.removeAttribute("style");
            console.log(div)
        }
    </script>
</body>
</html>

推荐答案

问题是您正在进行所有这些更改在DOM更新之前。相反，请考虑将style属性设置为无，请参阅

The problem is you are making all these changes at once before the DOM updates. Instead consider actually setting the style attribute to nothing see here

        div.setAttribute("style","");

这篇关于removeAttribute（）不工作DOM的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！