divを編集する場合は、divまたはliにクラスを追加します。実際に私はプラグインをワードプレスでそれをアニメと名前が付いていると私は任意のコンテンツをアニメーションするために "クラスをアニメーション"を追加する必要がありますが見つかりました。だから私はwoocommerceで私の製品をアニメーション化したいです。しかし、問題は、私はHTMLを編集できないということです。だから私の質問は、もし私がそれがidかクラスであると分かっているならば、javascriptでdivにクラスを追加することができるということです。JavaScriptを使って "div"または "li"または "a"にクラスを追加する方法
以下の例でこれを行う方法。あなたはjQueryのを使用している場合 <div id="product-1" class="my-product-1">this is product 1</div>
：
$(document).ready(function() {
$('div, li').addClass('newClass');
});
あなたはそこに任意のクラスまたはIDを置くことによって 'DIV、李' に置き換えることができます、つまり欲しい：
$('.class').addClass('newClass');
または
$('#id').addClass('newClass');
どこにこのコードを入れてください – user6952436
要素のclassNameプロパティに、新しいクラスの名前にスペースを加えたものを追加します。まず、idを要素に置くと、簡単に参照を取得できます。
<div id="div1" class="someclass">
<img ... id="image1" name="image1" />
</div>
その後
var d = document.getElementById("div1");
d.className += " otherclass";
参照https://stackoverflow.com/posts/507157/edit
からも参照element.className on MDN。
純粋なjavascriptソリューションでは、DOMがロードされたときに実行してください。
var items = document.getElementsByTagName("a");
for (i = 0; i < items.length; i++) {
items[i].className += "item";
}
console.log(items);<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>DOMとは何ですか？私はwordpressを使っています。だからどこにコードを置くべきか教えてください。 – user6952436
あなたはDOM要素に
document.getElementsByID("#id").setAttribute("class", "democlass");
を使用することができ、研究の***わずか***ビットは 'document.getElementById'と' className'/'にあなたを指すことになりclassList'です。 –