Обновить 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
|
||||
```js
|
||||
e.target.children // коллекция детей, которые являются элементами.
|
||||
|
||||
Reference in New Issue
Block a user