getElementsByTagName: работа с элементами по тегу на JavaScript
Метод getElementsByTagName - это один из инструментов, предоставляемых языком программирования JavaScript для работы с элементами HTML-документа. Он позволяет получить все элементы с определенным тегом из структуры HTML-разметки.
Пример использования метода getElementsByTagName может выглядеть следующим образом:
Пример использования getElementsByTagName
Привет, мир!
Это пример использования метода getElementsByTagName.
- Первый элемент списка
- Второй элемент списка
- Третий элемент списка
В этом примере мы создаем HTML-документ, содержащий некоторую разметку с тегами <p> и <li>. Затем, с использованием метода getElementsByTagName, мы получаем коллекцию всех элементов по указанному тегу.
В строке let paragraphs = document.getElementsByTagName("p"); мы получаем коллекцию всех элементов <p>, а в строке let listItems = document.getElementsByTagName("li"); - коллекцию всех элементов <li>.
После этого мы выводим в консоль количество найденных элементов с использованием свойства length. Это свойство позволяет узнать количество элементов в коллекции.
В консоли мы увидим следующий вывод:
Количество абзацев (тег <p>): 1
Количество элементов списка (тег <li>): 3
Это означает, что в нашем документе найден один абзац и три элемента списка.
Метод getElementsByTagName позволяет нам легко обращаться к группам элементов, имеющих общую характеристику, такую как тег. Это особенно полезно, когда у нас есть коллекция элементов, с которыми мы хотим взаимодействовать, например, изменять их свойства или добавлять обработчики событий.
В заключение, метод getElementsByTagName является мощным инструментом JavaScript для работы с элементами HTML-разметки и позволяет нам легко получать необходимые нам элементы по их тегам. Он упрощает процесс работы с DOM и позволяет нам легко взаимодействовать с элементами нашей веб-страницы.