Теги: DOM
13.05.2022
При написании HTML-кода мы можем задавать атрибуты для атрибуты HTML-элементов. Атрибуты могут быть стандартными и нестандартными, причем стандартный атрибут для одного тега может быть нестандартным для другого. Например, атрибут type является стандартным для элемента <input>, но не является стандартным для <body>.
09.05.2022
Свойства навигации по DOM хороши, когда элементы расположены рядом. А что, если нет? Как получить произвольный элемент страницы? Для этого в DOM есть дополнительные методы поиска — getElementById, getElementsByTagName, getElementsByClassName, querySelector, querySelectorAll.
08.05.2022
В соответствии с объектной моделью документа («Document Object Model», коротко DOM), каждый HTML-тег является объектом. Вложенные теги являются «детьми» родительского элемента. Текст, который находится внутри тега, также является объектом. Модификации DOM — это ключ к созданию «живых» страниц.
29.04.2022
Можно не только назначать обработчики, но и генерировать события из js-кода. Например, корневой элемент меню, реализованного с помощью javascript, может генерировать события, относящиеся к этому меню: open (меню раскрыто), select (выбран пункт меню) и т.п. А другой код может слушать эти события и узнавать, что происходит с меню.
27.04.2022
Многие события автоматически влекут за собой действие браузера. Например, клик по ссылке инициирует переход на новый адрес, а нажатие кнопки «отправить» в форме — отправку данных на сервер. Если мы обрабатываем событие в JavaScript, то зачастую такое действие браузера нам не нужно. Есть два способа отменить действие браузера…
25.04.2022
Делегирование возможно благодаря тому, что события всплывают. А это означает, что оно возникает не только на самом элементе, но затем и на всех его предках. Таким образом, при добавлении обработчика одному из предков, он будет выполняться всякий раз, когда это событие будет происходит на любом из его потомков.
23.04.2022
Когда некоторый объект инициирует событие, то оно не просто возникает на нём, а распространяется в документе определённым образом. Это распространение является двунаправленным — от window к целевому элементу и потом обратно. Самое главное для нас — когда событие путешествует по документу, то браузер вызывает обработчики элементов…
21.04.2022
Событие — это сигнал от браузера о том, что что-то произошло. Все DOM-узлы подают такие сигналы (хотя события бывают и не только в DOM). Событию можно назначить обработчик, то есть функцию, которая сработает, как только событие произошло. Есть несколько способов назначить событию обработчик.
17.04.2022
HTMLCollection и NodeList — это очень похожие на массив коллекции. Они хранят элементы веб-страницы (узлы DOM). NodeList может хранить любые типы узлов, а HTMLCollection — только узлы HTML элементов. К элементам коллекций можно обращаться по индексу, но у них нет привычных методов массива.
31.07.2021
В обычном потоке данных React родительские компоненты могут взаимодействовать с дочерними только через пропсы. Чтобы модифицировать потомка, мы должны заново отрендерить его с новыми пропсами. Тем не менее, могут возникать ситуации, когда требуется императивно изменить дочерний элемент, обойдя обычный поток данных.
- 1
- 2