开发者社区> 问答> 正文

js修改class属性相关问题:报错 

<!DOCTYPE html> <html>     <head>         <meta charset="utf-8" />         <title></title>         <link rel="stylesheet" href="css/index.css" />         <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>     </head>     <body>         <input id="noun" type="button" style='background:red' value="hh"></input>         <p id="p">删除<span class="red">啥啊</span>,啥也不是哈哈哈哈<span class="red">哈哈哈哈</span>哈哈哈</p>     <script> $(document).ready(function(){          var colorNoun = 1;     var colorVerb = 1;     var classNoun, classVerb;     var comparers, comparer;          $("#noun").click(function(){             //$("#noun").css("background", "yellow");                                       if(document.getElementsByClassName("red")) {                 comparers = document.getElementsByClassName("red");                 for(var i=0; i<comparers.length; i++) {                     comparer = getNextElement(comparers[i].nextSibling);                     //comparer.className = "yellow";                     comparer.setAttribute("class", "yellowNoun");                 }             }              }); }); </script>     </body> </html>   我想将所有class为red的元素的class全部改为yellow。代码如上,但是运行时却无法更改,请问哪里出了bug,谢谢。

展开
收起
kun坤 2020-06-08 16:35:50 771 0
1 条回答
写回答
取消 提交回答
  • 都用JQ了 你直接 $("#noun").click(function(){$(".red").addClass(''yellow)。removeClass(red)}

    2020-06-08 16:35:55
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载