Проверка ДЗ

[DivMan]

Пожалуйста проверьте мои решения задач у Кантора.

 

Вот задачи https://learn.javascript.ru/task/find-elements

 

Песочница с HTML кодом http://codepen.io/anon/pen/XXjzJg

 

Вот мои решения, решил только 4, код сильно отличается.

 

 

1 задание

var ageList = document.getElementById("age-list");var label = ageList.getElementsByTagName("label")for(var i = 0; i <label.length; i++ ) {	alert(label[i])}

2 задание

var ageTable = document.getElementById("age-table");var ageTableTr = ageTable.getElementsByTagName("tr")[0];var ageTableTrTd = ageTableTr.getElementsByTagName("td")[0];alert(ageTableTrTd.innerHTML)

3 задание

var form2 = document.getElementsByTagName("form")[1];alert(form2.innerHTML)// Не использовал метод getElementById, потому что ID могут изменить.

4 задание

var formSearch = document.getElementsByName("search");alert(formSearch[0].innerHTML)

[Нарек]

2. Для таблиц есть свои удобные выборки, их описание в предыдущем уроке было.
3. А если другую форму перед ним поставить (что вероятнее чем смена id) код работать не будет.
4. Опять же, в документе может быть куча элементов с атрибутом name=search

 

Да и чтобы не плодить много переменных, можно например вместо этого 

var ageList = document.getElementById("age-list");var label = ageList.getElementsByTagName("label")

написать

var label = document.getElementById("age-list").getElementsByTagName("label")

Edited December 25, 2015 by Нарек

[Igor Schnaider]

2 задание var ageTable = document.getElementById("age-table"); var ageTableTr = ageTable.getElementsByTagName("tr")[0]; var ageTableTrTd = ageTableTr.getElementsByTagName("td")[0]; alert(ageTableTrTd.innerHTML)

 

Здесь можно было сразу TD искать, без TR.

 

3 задание var form2 = document.getElementsByTagName("form")[1]; alert(form2.innerHTML)

 

Еще вот так можно (у вас правильно, просто как вариант):

document.forms[1];