Добавить элементу родителя
Привет всем, два вопроса, первый и собственно главный - как прикрепить к div'у div родителя ? И второй, как получить все дочерние div'ы у определённого div'a чтобы потом можно было пробежаться по этому списку?
|
1) parentDiv.appendChild(...) / parentDiv.insertBefore(...)
2) myDiv.getElementsByTagName(...) |
Цитата:
Вот как в такой ситуации, поместить два последних дива в родительский при этом не нарушая очерёдность?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>HTML документ</TITLE>
<script type="text/javascript">
window.onload = function () {
var myDiv = document.getElementById('work');
var divs = myDiv.getElementsByTagName("div");
var length = divs.length;
var class_list = ["class1", "class2", "class3", "class3", "wersdfs" ];
var class_iter = 0;
for (var i = 0; i < length; i++) {
divs[i].className =class_list[class_iter];
class_iter+=1;
};
};
</script>
</HEAD>
<BODY>
<div id="work">
<div>
<a href="#">111</a>
</div>
<div>
<a href="#">111</a>
</div>
<div>
<a href="#">111</a>
</div>
</div>
</BODY>
</HTML>
|
Цитата:
|
Цитата:
<div id="work">
<div>
<a href="#">111</a>
</div>
<div class="parent">
<div>
<a href="#">111</a>
</div>
<div>
<a href="#">111</a>
</div>
</div>
</div>
</BODY>
</HTML>
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.parent {
border: 1px solid;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id="work">
<div>
<a href="#">000</a>
</div>
<div>
<a href="#">111</a>
</div>
<div>
<a href="#">222</a>
</div>
</div>
<script type="text/javascript">
var od=document.getElementById('work');
var oe=od.getElementsByTagName('div');
var o=document.createElement('div');
o.className='parent';
o.appendChild(oe[1]);
o.appendChild(oe[1]);
od.appendChild(o);
</script>
</body>
</html>
|
Цитата:
|
Цитата:
|
Цитата:
|
доки insertbefore ... Выходит когда идёшь по циклу, нужно транзитную ноду сохранять. Какое упущение что нет индексов
|
Цитата:
у элемента есть свойство - коллекция childNodes и children http://learn.javascript.ru/traversin...лементы берешь элемент по индексу, делаешь вставку перед ним. |
- Суслика видишь?
- Нет... - А он есть! (с) :haha: |
Цитата:
нет времени |
Цитата:
|
Ну и контрольный вопрос тогда, есть ли функция, которая возвращает все свойства и методы объекта, на манер функции dir в python?
|
clampson, ну так обратитесь к объекту, он и так возвращает объект со всеми методами и свойствами. Перебрать их можно через for in.
|
Цитата:
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 23:06. |