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

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


 

TableRow клетки Коллекция

<Объект TableRow

пример

Показать количество ячеек в первом ряду:

var x = document.getElementById("myTable").rows[0].cells.length;

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

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

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

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

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

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

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

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

Синтаксис

tableObject .cells

свойства

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

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

методы

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

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

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

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

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

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

Еще примеры

пример

[Индекс]

Предупредить innerHTML первой ячейки в первой строке таблицы:

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

пример

item( index )

Предупредить innerHTML первой ячейки в первой строке таблицы:

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

пример

namedItem( id )

Оповещение innerHTML ячейки с идентификатором = «myTd» в первой строке таблицы:

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

пример

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

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