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

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


 

Строки таблицы Коллекция

<Таблица объекта

пример

Узнайте, сколько строк есть в таблице:

var x = document.getElementById("myTable").rows.length;

В результате х будет:

2
Попробуй сам "

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

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

Коллекция строк возвращает коллекцию всех <tr> элементов в таблице.

Note: Элементы коллекции сортируются , как они появляются в исходном коде.

Совет: Используйте insertRow() метод , чтобы создать новую строку (<tr>) .

Совет: Используйте deleteRow() метод для удаления строки.

Совет: Используйте insertCell() метод , чтобы создать новую ячейку (<td>) .

Совет: Используйте deleteCell() метод для удаления ячейки.

Совет: Используйте клетку коллекцию , чтобы вернуть коллекцию всех <td> или <th> элементов в таблице.

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

Коллекция
rows да да да да да

Синтаксис

tableObject .rows

свойства

Имущество Описание
length Возвращает число <tr> элементов в коллекции.

Примечание: Это свойство только для чтения

методы

метод Описание
[ index ] Возвращает <tr> элемент из коллекции с указанным индексом (starts at 0) .

Примечание: Возвращает пустое значение , если индекс находится вне диапазона
item( index ) Возвращает <tr> элемент из коллекции с указанным индексом (starts at 0) .

Примечание: Возвращает пустое значение , если индекс находится вне диапазона
namedItem( id ) Возвращает <tr> элемент из коллекции с указанным идентификатором.

Примечание: возвращает нулевое значение , если идентификатор не существует

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

DOM Версия: Базовый уровень Объект 2 документа
Возвращаемое значение: HTMLCollection Объект, представляющий все <tr> элементы в <table> элемента. Элементы коллекции сортируются, как они появляются в исходном коде
Примеры

Еще примеры

пример

[Индекс]

Оповещение innerHTML первого <tr> элемента (index 0) в таблице:

alert(document.getElementById("myTable").rows[0].innerHTML;
Попробуй сам "

пример

item( index )

Оповещение innerHTML первого <tr> элемента (index 0) в таблице:

alert(document.getElementById("myTable").rows.item(0).innerHTML);
Попробуй сам "

пример

namedItem( id )

Оповещение о innerHTML <tr> элемента с ID = «myRow» в таблице:

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
Попробуй сам "

пример

Измените содержимое первой ячейки таблицы:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
Попробуй сам "

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

HTML ссылка: HTML <tr> Тег

JavaScript ссылка: HTML DOM TableRow объекта

<Таблица объекта