0

重複の可能性:
JavaScriptを使用して要素のCSSクラスを変更する

このトピックに関する多くのトピックが見つかりましたが、どれも役に立ちませんでした。私は持っています:

<div id="text-6" class="block col-228">

Javascriptコードは新しいクラスフィットを追加する必要があるため、結果は次のようになります。

<div id="text-6" class="block col-228 fit">

javascriptでそれを行う方法は?

4

3 に答える 3

3

このようにしてみてください:

var elem = document.getElementById("text-6");
elem.setAttribute("class", elem.getAttribute("class")+" fit");

重要な注意:DOM Hierarchyが完全に構築されていることを確認してから、 DOM Elements を操作してみてください。そのため、DOM操作スクリプトをwindow.onloadコールバック内に配置するか、または を使用する場合はコールバック内に配置する必要がjQueryあり$(document).readyます。

于 2012-07-10T13:16:27.443 に答える
2

script タグの間に次のコードを挿入します。

document.getElementById('text-6').className += " fit";
于 2012-07-10T13:16:32.780 に答える
2

jQueryの使用をお勧めします。次に、次のようなことができます。

$("#text-6").addClass("fit");

編集:

jQuery ライブラリ全体を含めるのは状況によってはやり過ぎかもしれませんが、DOM 操作を頻繁に行う場合は、jQuery を使用するとかなり単純化できます。この1つのことだけであれば、提供された他の回答のいくつかがより良いでしょう。

于 2012-07-10T13:16:55.010 に答える