03.12.2013 07:47:32 Не работает свойство childNodes для элемента p Сообщение #1
olegvasil
Эксперт
Дата регистрации:
25.03.2013 22:27:59
Сообщений: 104
Добрый день .Подскажите как выбрать дочерние узлы из элемента p .Св-во childNodes возвращает 1 объект
<html>
<head>
<title>Тестовая страница</title>
<script type = "text/javascript" src = "lib/func.js"></script>
</head>
<body>
<div class = "div">
<div class = "b"></div>
<div class = "b"></div>
<div class = "b"></div>
</div>
<p class = "div">
<div class = "b"></div>
<div class = "b"></div>
</p>
<script type = "text/javascript">
/*
var nodelist = $(".div .b"
;
alert(nodelist);
*/
var elements = document.getElementsByClassName("div";//Получаем все элементы с классом div
alert(elements.length); //Нашло два элемента (здесь все правильно)
var child_nodes_1 = elements[0].childNodes;
alert(child_nodes_1.length);//Первый элемент содержит 7 узлов , а главное те 3 эленмента div
var child_nodes_2 = elements[1].childNodes;
alert(child_nodes_2.length);//Второй элемент содержит 1 узел и это не div с классом b
</script>
</body>
</html>
<html>
<head>
<title>Тестовая страница</title>
<script type = "text/javascript" src = "lib/func.js"></script>
</head>
<body>
<div class = "div">
<div class = "b"></div>
<div class = "b"></div>
<div class = "b"></div>
</div>
<p class = "div">
<div class = "b"></div>
<div class = "b"></div>
</p>
<script type = "text/javascript">
/*
var nodelist = $(".div .b"
;
alert(nodelist);
*/
var elements = document.getElementsByClassName("div"
;//Получаем все элементы с классом div
alert(elements.length); //Нашло два элемента (здесь все правильно)
var child_nodes_1 = elements[0].childNodes;
alert(child_nodes_1.length);//Первый элемент содержит 7 узлов , а главное те 3 эленмента div
var child_nodes_2 = elements[1].childNodes;
alert(child_nodes_2.length);//Второй элемент содержит 1 узел и это не div с классом b
</script>
</body>
</html>