13 
<html>
  <head>
    <style>     
      .tagging {
        border: 1px solid black;
        width: 20px;
        height: 30px;
      }
    </style>
    <script>
      window.onload = function() {
        var div = document.getElementsByTagName("div");
        div[0].class = "tagging";
      }     
    </script>
  </head>
  <body>
    <div></div>
  </body>
</html>

これは私のコードです。クラス属性をjavascriptで代入するとうまくいかないのですが、htmlで直接inlineを代入するとうまくいくのはなぜかと思います。

<div class="tagging"></div>
4

3 に答える 3

11

を使用する必要がありますclassName。

試す：

div[0].className = "tagging";

クラスを既存のクラスに追加する場合は、次を使用できます。

div[0].className += " tagging"; // adding white-space is important

デモはこちら

読むには: MDN className .

于 2013-09-05T05:18:06.093 に答える
4

を使用するclassNameので、次のように変更します。

var div = document.getElementsByTagName("div");
div[0].class = "tagging";

に

var div = document.getElementsByTagName("div");
div[0].className = "tagging";

デモ:: jsFiddle

于 2013-09-05T05:17:55.450 に答える
0 
<div id="div1" class="someclass">
    <img ... id="image1" name="image1" />
</div>

それで：

var d = document.getElementById("div1");
d.className = d.className + " otherclass";
于 2013-09-05T05:19:26.117 に答える