Ещё немного ссылок: таблицы



До сих пор мы описывали основные навигационные ссылки.



Некоторые типы DOM-элементов предоставляют для удобства дополнительные свойства, специфичные для их типа.



Таблицы – отличный пример таких элементов.



Элемент <table>, в дополнение к свойствам, о которых речь шла выше, поддерживает следующие:

- table.rows – коллекция строк <tr> таблицы.

- table.caption/tHead/tFoot – ссылки на элементы таблицы <caption><thead><tfoot>.

- table.tBodies – коллекция элементов таблицы <tbody> (по спецификации их может быть больше одного).



<thead><tfoot><tbody> предоставляют свойство rows:

- tbody.rows – коллекция строк <tr> секции.



<tr>:

- tr.cells – коллекция <td> и <th> ячеек, находящихся внутри строки <tr>.

- tr.sectionRowIndex – номер строки <tr> в текущей секции <thead>/<tbody>/<tfoot>.

- tr.rowIndex – номер строки <tr> в таблице (включая все строки таблицы).



<td> and <th>:

- td.cellIndex – номер ячейки в строке <tr>.



P.S. Пример выше на картинке.



#браузер #документ #dom_навигация