Question

谜题，如何正确设置className来清除它。不知道就此而言，我应该是这种情况。

window.onload函数成功使用 addEventListener 对于这些事件，[webkitAnimationEnd＆amp;鼠标悬停]然后我用于为Divs设置className。到目前为止一切都很好，但有时我想要显示该window.onload功能的Div OUTSIDE。所以，一个按钮点击onclick="wazzupClyde();调用以下功能。

因为我在window.onload脚本之后有了它，所以我认为它应该是负责的脚本，并希望取消div上的任何className所以对于Div正常或默认的CSS声明将设置样式 DIV。嗯，好像是一个计划......但是正如这里的代码所说，这是嗯... 有缺陷，是的。

    <script type="text/JavaScript">
    function wazzupClyde(){
        var Bid = document.getElementById("Bid");
        Bid.className = (window.WebKitAnimationEvent) ? "x";
    }
    wazzupClyde();
    </script>

在我的Chrome JavaScript控制台中使用DeBugger：

试过：

Bid.className = (window.WebKitAnimationEvent) ? "";

未捕获的TypeError：意外的令牌;

以及

Bid.className = (window.WebKitAnimationEvent) ? "x":"";

未捕获的TypeError：无法将属性'className'设置为null

以及

Bid.className = (window.WebKitAnimationEvent) ? "x";

未捕获的TypeError：意外的令牌;

加上这个

Bid.className = "":

未捕获的TypeError：意外的令牌：

    <div id="SomeChickenShitz"class="hover">
   <form action="<?php echo $PHP_SELF; ?>" method="post">
      <input type="hidden" name="OhGoodOneBubba" value="<?php echo $ForSaleCompetentEWE;?>"/>
        <button id="Bid"type="submit"class="hover" onclick="wazzupClyde();">WHY?</button>
       </form>
</div>

当我尝试Bid.removeAttribute（'className'）; 得到关于“无法调用方法'removeAttribute'为null的投诉” 所以我怀疑问题是代码设计...... 所以，回顾一下。如何阻止Div Bid 应用了className，或者，清除它？

Answer 1

无法设置属性'className'为null

抱怨Bid为空。显然，在函数运行时，您没有id属性为“Bid”的元素。

Answer 2

id = 'Bid'的元素不在您当前的DOM中。

声明后不应该调用该函数。只需使用以下代码：

<script type="text/JavaScript">
    function wazzupClyde(){
        var Bid = document.getElementById("Bid");
        Bid.className = (window.WebKitAnimationEvent) ? "x" : "";
    }
</script>

怎样才能防止className被应用到Div，OR，清除？

2 个答案: