Книга: Выразительный JavaScript

Элементы по имени тегов

Элементы по имени тегов

Метод getElementsByTagName возвращает все дочерние элементы с заданным именем тега. Сделайте свою версию этого метода в виде обычной функции, которая принимает узел и строчку (имя тега) и возвращает массив, содержащий все нисходящие узлы с заданным именем тега.

Чтобы выяснить имя тега элемента, используйте свойство tagName. Заметьте, что оно возвратит имя тега в верхнем регистре. Используйте методы строк toLowerCase или toUpperCase.

<h1>Заголовок с элементом <span>span</span> внутри.</h1>
<p>Параграф с <span>раз</span>, <span>два</span> элементами spans.</p>
<script>
  function byTagName(node, tagName) {
    // Ваш код
  }
  console.log(byTagName(document.body, "h1").length);
  // ? 1
  console.log(byTagName(document.body, "span").length);
  // ? 3
  var para = document.querySelector("p");
  console.log(byTagName(para, "span").length);
  // ? 2
</script>

Оглавление книги