getElementsByTagName
Урок 7 из 13 курса Методы JavaScript DOM на Coddy.
Функция getElementsByTagName() возвращает массив всех элементов с соответствующим именем HTML-тега (например, div, p, span), позволяя вам выбирать определенные типы элементов на всей странице. Это работает точно так же, как функция getElementsByClassName().
const paragraphs = document.getElementsByTagName("p");Вот как мы можем получить все теги p в переменной paragraphs. Чтобы внести изменения во все абзацы, нам нужно перебрать эту переменную.
Задание
ЛегкоВам дан HTML-код.
Используя только JavaScript, измените все параграфы так, чтобы они содержали текст “Updated text”.
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<h1>Welcome to Random HTML!</h1>
<p>This is a randomly generated HTML file. Here's a mix of different elements:</p>
<ul>
<li>This is an unordered list item.</li>
<li>This is another unordered list item.</li>
</ul>
<p>Below are the four randomly generated paragraphs:</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet ligula sit amet convallis sodales.</p>
<p>Nulla facilisi. Nulla eget metus vitae ligula aliquam rhoncus.</p>
<p>Maecenas feugiat ultricies nisi, id auctor purus laoreet at.</p>
<p>Curabitur vitae dictum arcu, ac fermentum ligula. Duis feugiat arcu non tincidunt posuere.</p>
<blockquote>
<p>This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</blockquote>
<p>Thank you for exploring this random HTML file!</p>
<script src="script.js"></script>
</body>
</html>Все уроки раздела Методы JavaScript DOM
2Методы DOM I
getElementByIdИзменение стиля элементаgetElementsByClassNameПеребор и манипуляция элементамиgetElementsByTagNamequerySelector