Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <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> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

Метод HTML DOM getElementsByClassName ()

Ссылка на объект документа Объект Document

примеров

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

переменная х = document.getElementsByClassName ( "пример" );

Попробуйте »

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

Метод getElementsByClassName () возвращает все элементы в документе указать имя класса коллекции, как объект NodeList.

NodeList объект представляет порядок списка узлов. Nodelist объект, который мы можем получить доступ к списку узлов (номер индекса, начиная с 0) через список узла индексным номером узла.

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

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

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

способ
getElementsByClassName () 4.0 9.0 3.0 3.1 9.5

грамматика

document.getElementsByClassName (имя_класса)

параметры

параметры тип описание
имя_класса строка Must. Классы элемента вам необходимо получить имя.

Несколько имен классов, разделенных пробелами, такие как "тест демо".

Техническое описание

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

Другие примеры

примеров

Получает "пример" и "цвет" имя класса всех элементов:

var x = document.getElementsByClassName( "example color" );

Попробуйте »

примеров

Сколько стиль класса = элементы "пример" (используя свойство длины NodeList) для просмотра документа являются:

var x = document.getElementsByClassName( "example" ).length;

Попробуйте »

примеров

Изменение цвета фона всех стилей класса = "пример" элементов:

var x = document.getElementsByClassName( "example" );
var i;
for (i = 0 ; i < x.length; i++) {
    x[i].style.backgroundColor = "red" ;
}

Попробуйте »

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

Учебник CSS: CSS селекторы

CSS Ссылка: CSS селекторы .class

HTML DOM Справочное руководство: Элемент .getElementsByClassName ()

HTML DOM Ссылка: атрибут Classname

HTML DOM Reference Manual: HTML DOM атрибуты ClassList

HTML DOM Reference Manual: HTML DOM Style Object

Ссылка на объект документа Объект Document