Для добавления класса к элементу, если он содержит какое-либо содержимое, вам понадобится использовать JavaScript. Вот несколько способов достичь этой цели:
1. Использование метода contains():
- Сначала необходимо выбрать элемент, к которому вы хотите добавить класс. Например, если у вас есть элемент с id "myElement", то можно использовать следующий код:
let element = document.getElementById("myElement");
- Затем можно использовать метод contains()
для проверки содержимого элемента. Если элемент содержит содержимое, условие вернет true
, и вы можете добавить класс.
if (element.contains("ваше содержимое")) { element.classList.add("ваш_класс"); }
2. Использование innerHTML:
- Выберите элемент, к которому вы хотите добавить класс. Например, если у вас есть элемент с id "myElement", то можно использовать следующий код:
let element = document.getElementById("myElement");
- Затем можно использовать свойство innerHTML
для проверки содержимого элемента. Если свойство innerHTML
не равно пустой строке, значит, элемент содержит содержимое, и можно добавить класс.
if (element.innerHTML !== "") { element.classList.add("ваш_класс"); }
3. Использование childNodes:
- Выберите элемент, к которому вы хотите добавить класс. Например, если у вас есть элемент с id "myElement", то можно использовать следующий код:
let element = document.getElementById("myElement");
- Затем можно использовать свойство childNodes
для проверки наличия дочерних элементов у текущего элемента. Если childNodes.length
больше нуля, значит, у элемента есть дочерние элементы, и можно добавить класс.
if (element.childNodes.length > 0) { element.classList.add("ваш_класс"); }
Помните, что в каждом из этих способов "ваш_класс" - это класс, который вы хотите добавить к элементу, а "ваше содержимое" - это содержимое, которое вы хотите проверить на наличие. Укажите их соответствующим образом при использовании вышеперечисленных методов.