Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTMLおよびJavaScriptのclassListを使用して、1つの命令で複数のクラスを追加/削除する方法はありますか?


classListプロパティは、要素のクラス名をDOMTokenListオブジェクトとして返します。 classListプロパティは読み取り専用ですが、add()メソッドとremove()メソッドを使用して変更できます。

classListproperty 重複するクラスが要素に不必要に追加されないようにします。この機能を維持するために、ロングハンドバージョンまたはjQueryバージョンが気に入らない場合は、 addManyを追加することをお勧めします。 関数とremoveMany DOMTokenList

これらは次のように使用できます-

DOMTokenList.prototype.addMany = function(classes) {
   var arr = classes.split(' ');
   for (var j = 0, length = arr.length; j < length; j++) {
      this.add(array[j]);
   }
}

  1. JavaScriptでボタンクリック時に名前を追加および削除するにはどうすればよいですか?

    作成するにはadd()メソッドを使用し、作成および追加された要素を削除するにはuseremove()を使用できます。以下はコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</t

  2. JavaScriptでIDで要素を削除しますか?

    IDで要素を削除するには、remove()を使用できます。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>D