Форум

DDim1000 · #1 (**permalink**) 10.08.2018, 16:14

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

Nexus · #2 (**permalink**) 10.08.2018, 16:21

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

DDim1000 · #3 (**permalink**) 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 · #4 (**permalink**) 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 · #5 (**permalink**) 11.08.2018, 10:36

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

Nexus · #6 (**permalink**) 11.08.2018, 10:40

Сообщение от DDim1000

Что такое el?

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

DDim1000 · #7 (**permalink**) 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 · #8 (**permalink**) 11.08.2018, 11:10

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

DDim1000 · #9 (**permalink**) 11.08.2018, 11:17

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

DDim1000 · #10 (**permalink**) 11.08.2018, 17:06

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

Форум

Справочник

Discord чат

Курсы javascript