質問

すでにクラスを持っている要素があります。

<div class="someclass">
    <img ... id="image1" name="image1" />
</div>

では、JavaScriptの関数を作って、クラスを div (置き換えではなく追加)。

どうすればいいのでしょうか？

どのように解決するのですか？

モダンブラウザのみを対象としている場合。

使用方法 要素.classList.add を使用してクラスを追加します。

element.classList.add("my-class");

そして 要素.classList.remove でクラスを削除します。

element.classList.remove("my-class");

Internet Explorer9以下に対応する必要がある場合。

スペースと新しいクラスの名前を className プロパティを指定します。まず id を要素に追加して、簡単に参照できるようにします。

<div id="div1" class="someclass">
    <img ... id="image1" name="image1" />
</div>

次に

var d = document.getElementById("div1");
d.className += " otherclass";

の前にスペースがあることに注意してください。 otherclass . このスペースを入れないと、クラスリストでその前にある既存のクラスが損なわれてしまうからです。

参照 MDN の element.className .