1

私は次のHTMLを持っています:

<html class="black abc"> or 
<html class="red def"> or
<html class="red this is a test">
etc ...

次の関数を使用して、最初のクラスの値を取得できます。

var color = html.className.split(' ')[0]

最初のクラスを別のものに変更するにはどうすればよいですか。たとえば、どうすれば変更できますか:

<html class="black abc">

to

<html class="red abc">
4

5 に答える 5

1

クラスリストの使用

クラスの削除

var elem = document.getElementsByTagName('html')[0].classList.remove("black");

クラスの追加

var elem = document.getElementsByTagName('html')[0].classList.add("red");
于 2013-10-22T05:01:45.703 に答える
1

どうぞ：

var tags = document.getElementsByTagName('html')[0];
var classList = tags.className.split(' '); //Converting class string to an array
classList[0] = 'red'; // Changing the first class
tags.className = classList.join(' '); // Adding updated class list
于 2013-10-22T04:45:19.853 に答える
1

これを探していると思います（html要素のクラス属性を変更するだけです）

JQueryでもこれを行うことができます、

$("ID_OF_YOUR_ELEMENT").removeClass('PREVIOUS_CLASS').addClass('NEW_CLASS');

これを行うために利用できる他のオプションもあります JQuery は.toggleClassをサポートします

于 2013-10-22T04:45:52.440 に答える
0

<head>の<script>セクションで次のように関数を定義します。

function class_replace_with(new_classname)
{
    var color1=html.className.split(' ')[0];
    html.className=html.className.substring(0, html.className.indexOf(' ')) + new_classname + html.className.substring(html.className.indexOf(' '));
}

したがって、特定の目的のために、関数を次のように呼び出します。

class_replace_with('red');// as you have used red as the replacement for black.
于 2013-10-22T05:36:22.903 に答える