Основы программирования на JavaScript


Элементы потомки - часть 2


function setColors(tbody, color1, color2){ var colors = [color1, color2];

for(var i=0; i<tbody.childNodes.length; i++){ tbody.childNodes[i].style.backgroundColor = colors[i % 2]; } }

function setColors(tbody, color1, color2){ var colors = [color1, color2]; var trs = tbody.getElementsByTagName('TR');

for(var i=0; i<trs.length; i++){ trs[i].style.backgroundColor = colors[i % 2]; } }

Обе эти функции делают то же самое, что и первая функция setColors, но написано это немного по-другому. Первая функция использует атрибут childNodes. Как ранее говорилось, childNodes содержит массив, элементами которого являются потомки. Поэтому мы циклически перебираем tbody.childNodes и изменяем цвет каждого потомка, которые все должны быть элементами TR.

Другая функция использует новую функцию getElementsByTagName, которая выдает массив всех элементов с указанным именем тега. Так как нам требуются все элементы TR, то мы просто передаем в функцию 'TR' и получаем список всех элементов TR в таблице. После этого код почти идентичен предыдущей функции.




Начало  Назад  Вперед



Книжный магазин