Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

HTML DOM getElementsByTagName() Method

<Document Object

пример

Получить все элементы документа с указанным именем тега:

var x = document.getElementsByTagName("LI");
Попробуй сам "

Больше "Try it Yourself" примеры ниже.

Определение и использование

getElementsByTagName() метод возвращает коллекцию всех элементов в документе с указанным именем тега, как NodeList объекта.

Объект NodeList представляет коллекцию узлов. Узлы могут быть доступны с помощью индексов. Индекс начинается с 0.

Совет: ParameterValue "*" возвращает все элементы в документе.

Совет: Вы можете использовать длину свойство объекта NodeList , чтобы определить количество элементов с указанным именем тега, то вы можете перебрать все элементы и извлекать информацию , которую Вы хотите.

Поддержка браузеров

Числа в таблице определяет первую версию браузера, который полностью поддерживает метод.

метод
getElementsByTagName() 1,0 6,0 3.0 3.0 9,5

Синтаксис

document.getElementsByTagName( tagname )

Значения параметров

параметр Тип Описание
tagname String Необходимые. Тэг из элементов, которые вы хотите получить

Технические подробности

DOM Версия: Базовый уровень объекта 1 Документ
Возвращаемое значение: Нодлист объект, представляющий собой набор элементов с указанным именем тега. Элементы в возвращаемых коллекциях сортируются, как они появляются в исходном коде.
Примеры

Еще примеры

пример

Узнайте, сколько <li> элементы находятся в документе (используя свойство длины объекта NodeList):

var x = document.getElementsByTagName("LI").length;
Попробуй сам "

пример

Изменение содержимого HTML первого <p> элемента (index 0) в документе:

document.getElementsByTagName("P")[0].innerHTML = "Hello World!";
Попробуй сам "

пример

Изменение цвета фона всех <p> элементов в документе:

var x = document.getElementsByTagName("P");
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "red";
}
Попробуй сам "

пример

Использование "*" параметр.

Получить все элементы в документе:

var x = document.getElementsByTagName("*");
Попробуй сам "

Похожие страницы

JavaScript Ссылка: элемент. getElementsByTagName()

JavaScript Учебник: Список JavaScript HTML DOM Node

<Document Object