js去除class名,js刪除class名

本文目錄一覽：

• 1、JS關於removeClassName循環替換使用失敗求助
• 2、js如何滑鼠點擊一個div刪除另一個div的class中的其中一個類名，再點擊一下又添加上
• 3、jquery或者JS怎麼改class的名字
• 4、JS點擊添加class，再次點擊移除class，並且自身也添加class
• 5、如何用JavaScript刪除指定class？

JS關於removeClassName循環替換使用失敗求助

html部分  id必須是唯一的, 你的o1 和 o2 分別用了三次, 應該為一次

js部分, 這裡查的是id, 他只會找這個id出現的第一個元素, 所以只有一個

1. 改為 document.getElementsByClassName(“et-slide”);

2. 方框部分要寫在循環內調用, 不然也是只調用一次

3. removeClassName 這個方法名是jquery的內置方法, 養成一個良好的習慣, 不要起這種和常用框架方法衝突的方法名

js如何滑鼠點擊一個div刪除另一個div的class中的其中一個類名，再點擊一下又添加上

html

    head

        style type=”text/css”

            div{width:100px;height:100px;}

            .red{background:red}

            .green{background:green}

        /style

        script type=”text/javascript” src=””/script

    /head

    body

        div id=”div” style=”background:Green;cursor:hand;”click/div

        div class=”main red”div class/div

    /body

    script type=”text/javascript”

        $(document).ready(function(){

            $(“#div”).click(function(){

                var cls = $(“.main”).attr(“class”);

                if(cls == “main”) $(“.main”).attr(“class”, “main red”);

                else $(“.main”).attr(“class”, “main”);

            });

        });

    /script

/html

應該理解對了你的問題：動態添加元素的class名。

直接上代碼，有問題追問哈。

jquery或者JS怎麼改class的名字

jquery可以使用attr()或prop()方法修改類名，javascript可以修改對象的className屬性，關鍵代碼如下：

$(“#test”).attr(“class”,”blue”);

$(“#test”).prop(“class”,”blue”);

document.getElementById(“test”).className = “blue”;

JS點擊添加class，再次點擊移除class，並且自身也添加class

1、首先在html中布局好兩個按鈕和一個div。

2、接著編寫添加class的方法。

3、運行頁面以後看到如下圖所示的界面。

4、點擊添加class按鈕就可以看到div中多了樣式。

5、接下來在編寫移除class樣式，如下圖所示要的是remove。

6、最後運行界面，點擊移除class按鈕，class就被移除了。

如何用JavaScript刪除指定class？

div class=”abc”點我刪除/div

script

window.onload=function(){

   var abc=document.getElementsByClassName(“abc”)[0];

   abc.onclick=function(){

      this.parentNode.removeChild(this);

   }

}

/script