Как добавить класс к любому «div», «li» или «a» с помощью JavaScript

Question

Как добавить класс к любому «div», «li» или «a» с помощью JavaScript

-2

Я хочу, чтобы вы добавляли класс в любой div или li без редактирования div. На самом деле я нашел плагин с именем aimate it в wordpress, и мне нужно добавить "animate it class" для анимации любого контента. Поэтому я хочу анимировать свои продукты в woocommerce. Но проблема в том, что я не могу редактировать html. Так что просто мой вопрос в том, как я могу добавить класс в div по javascript, если я знаю его id или класс.

Как это сделать в приведенном ниже примере. <div id="product-1" class="my-product-1">this is product 1</div>

user6952436 13 окт. 2016, в 10:04

Источник

1

Малейшие исследования будет указывать вам document.getElementById и className / classList .
T.J. Crowder 13 окт. 2016, в 07:28

Теги:

javascript

wordpress

css

4 ответа

Ещё вопросы

Малейшие исследования будет указывать вам document.getElementById и className / classList .

G. Mansour · Answer 1 · 2016-10-13T10-31-00.000Z

Вы можете использовать элемент DOM

document.getElementsByID("#id").setAttribute("class", "democlass");

mtch9 · Answer 2 · 2016-10-13T08-55-00.000Z

Если вы используете jQuery:

$( document ).ready(function() {
    $('div, li').addClass('newClass');
});

Вы можете заменить "div, li", поставив там любой класс или идентификатор, который вы хотите:

$('.class').addClass('newClass');

или же

$('#id').addClass('newClass');

Дополнительная информация: https://api.jquery.com/addclass/

Попробуйте поместить его внизу вашего сайта до конца тега <body> </ body>. Не забудьте использовать тег <script type = "text / javascript> / js здесь / </ script>.
это будет так же хорошо, как жесткое программирование DOM , вы, вероятно, ищете event а именно. click или hover чего-то
Что такое DOM? Я не знаю ничего о JavaScript. И я использую WordPress. Так что вы можете сказать мне, где я должен разместить код.

Nick · Answer 3 · 2016-10-13T07-48-00.000Z

Чистое решение для 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? Я не знаю ничего о JavaScript. И я использую WordPress. Так что вы можете сказать мне, где я должен разместить код.

Abhishek Dhanraj Shahdeo · Answer 4 · 2016-10-13T07-45-00.000Z

Добавьте пробел плюс имя вашего нового класса в свойство 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 в MDN.