Обновить js/DOM/DOM.md
This commit is contained in:
@@ -1,4 +1,49 @@
|
|||||||
|
|
||||||
|
### Работа с атрибутом class
|
||||||
|
|
||||||
|
Добавить класс элементу
|
||||||
|
|
||||||
|
```js
|
||||||
|
element.classList.add('animate')
|
||||||
|
```
|
||||||
|
|
||||||
|
Проверить наличие класса
|
||||||
|
|
||||||
|
```js
|
||||||
|
if (element.classList.contains('animate')){
|
||||||
|
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
Удалить класс
|
||||||
|
|
||||||
|
```js
|
||||||
|
element.classList.remove('класс');
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### Работа с атрибутом data-
|
||||||
|
|
||||||
|
Получить значение атрибута data-**active**
|
||||||
|
```js
|
||||||
|
element.dataset.action;
|
||||||
|
```
|
||||||
|
Проверка наличиея атрибута
|
||||||
|
|
||||||
|
```js
|
||||||
|
if ('id' in element.dataset) {
|
||||||
|
console.log(element.dataset.id);
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
Изменить значение атрибута data-**active**
|
||||||
|
```js
|
||||||
|
element.dataset.action = 8;
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
### Работа с DOM
|
### Работа с DOM
|
||||||
```js
|
```js
|
||||||
e.target.children // коллекция детей, которые являются элементами.
|
e.target.children // коллекция детей, которые являются элементами.
|
||||||
|
|||||||
Reference in New Issue
Block a user