Мой Kbyte.Ru
Рассылка Kbyte.Ru
Группы на Kbyte.Ru
Партнеры Kbyte.Ru
Реклама
Сделано руками
Сделано руками
> Исходные коды - Алексей Немиро -

JavaScript - Общие вопросы

Все примеры / Общие вопросы

Как выбрать все ячейки указанной строки таблицы?

Автор: Алексей Немиро | добавлено: 15.02.2011, 14:20 | просмотров: 2595 (1+) | комментариев: 3 | рейтинг: *x0
В примере показано, как при помощи JavaScript можно выбрать все ячейки (td) выбранной строки (tr) таблицы (table). В примере используется функция getElementsByTagName.

Код

<table>
  <tr onclick="SetBackGround(this)"><td>1</td><td>2</td><td>3</td></tr>
  <tr onclick="SetBackGround(this)"><td>4</td><td>5</td><td>6</td></tr>
  <tr onclick="SetBackGround(this)"><td>7</td><td>8</td><td>9</td></tr>
</table>
<script>
  function SetBackGround(sender)
  {
    var cells = sender.getElementsByTagName("td");
    for (var i = 0; i <= cells.length - 1;i++) 
    {
      cells[i].style.backgroundColor = "#b9ffb9";
    }
  }
</script>
Об авторе

Алексей Немиро

Интернет-деятель. Автор многочисленных статей и переводов статей по программированию и информационным технологиям. Работы Алексея можно найти в популярных печатных изданиях компьютерной тематики. Автор проекта Kbyte.Ru.
Сейчас Алексей занимается профессиональным Web-программированием на базе технологий .NET Framework. Иногда пишет различные программки и компоненты для Windows и Android. В свободное время занимается Web-дизайном, увлекается фото- и видеосъемкой.

См. также:
Профиль автора
Алексей Немиро
Последние комментарии (всего: 3)

Добавлять комментарии могут только зарегистрированные пользователи сайта.
Если у Вас уже есть учетная запись на Kbyte.Ru, пройдите процедуру авторизации OpenID.
Если Вы еще не зарегистрированы на Kbyte.Ru - зарегистрируйтесь.

Добрый день)
Не подскажите в чем ошибка :
Ошибка выполнения Microsoft JScript: Объект не поддерживает свойство или метод "getElementsByTagName&quo t;
никак не могу понять
Ошибка выполнения Microsoft JScript: Объект не поддерживает свойство или метод "getElementsByTagName&quo t;
Плохо скопировалось
Значит браузер не поддерживает, что странно :)

С jquery выбрать теги можно так:
var cells = $("td", sender)
Авторизация
 
OpenID
Зарегистрируйся и получи 10% скидку на добавление своего сайта в каталоги! Подробнее »
Поиск по сайту
Реклама
Счетчики