Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Добавить класс в элемент списка li (https://javascript.ru/forum/events/74835-dobavit-klass-v-ehlement-spiska-li.html)

DDim1000 10.08.2018 16:14

Добавить класс в элемент списка li
 
Здравствуйте!
Подскажите пожалуйста, как добавить class в li?

Nexus 10.08.2018 16:21

https://learn.javascript.ru/attribut...0%B0-classlist

DDim1000 11.08.2018 09:29

А как добавить class именно тому li, где содержится 1?
<li>1</li>
          <li>2</li>
          <li>3</li>
          ...

var classList = document.body.classList;

    classList.remove('page'); // удалить класс
    classList.add('post'); // добавить класс

j0hnik 11.08.2018 09:33

<li>1</li>
 <li>2</li>
<li>3</li>
<script>
document.querySelectorAll('li').forEach(el=>el.textContent == 1 && el.classList.add('post'));
</script>

DDim1000 11.08.2018 10:36

Что такое el? Я так понимаю, id ?

Nexus 11.08.2018 10:40

Цитата:

Сообщение от DDim1000
Что такое el?

el - element - тэг<li/>.

DDim1000 11.08.2018 11:02

Вот так ошибку выдает, почему?:

document.querySelectorAll('li').forEach(el=>el.textContent == 1 && el.classList.add('post'));


<script type="text/javascript">
      
	  document.querySelectorAll('li').forEach(el=>el.textContent == 1 && el.classList.add('post'));


</script>
</head>
<body>
<ul>
   <li>1</li>
   <li>2</li>
   <li>2</li>
</ul>

j0hnik 11.08.2018 11:10

DDim1000,
попытка обращения к не созданному элементу

DDim1000 11.08.2018 11:17

elem - это переменная?

DDim1000 11.08.2018 17:06

Посмотрите, пожалуйста, почему код не работает?:
https://codepen.io/anon/pen/mjvqzE


Часовой пояс GMT +3, время: 03:20.