Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.08.2013, 20:25
Интересующийся
Отправить личное сообщение для clampson Посмотреть профиль Найти все сообщения от clampson
 
Регистрация: 01.07.2013
Сообщений: 27

Добавить элементу родителя
Привет всем, два вопроса, первый и собственно главный - как прикрепить к div'у div родителя ? И второй, как получить все дочерние div'ы у определённого div'a чтобы потом можно было пробежаться по этому списку?
Ответить с цитированием
  #2 (permalink)  
Старый 21.08.2013, 21:07
Профессор
Отправить личное сообщение для Яростный Меч Посмотреть профиль Найти все сообщения от Яростный Меч
 
Регистрация: 12.04.2010
Сообщений: 557

1) parentDiv.appendChild(...) / parentDiv.insertBefore(...)
2) myDiv.getElementsByTagName(...)
Ответить с цитированием
  #3 (permalink)  
Старый 21.08.2013, 21:50
Интересующийся
Отправить личное сообщение для clampson Посмотреть профиль Найти все сообщения от clampson
 
Регистрация: 01.07.2013
Сообщений: 27

Сообщение от Яростный Меч Посмотреть сообщение
1) parentDiv.appendChild(...) / parentDiv.insertBefore(...)
что то я не разберусь никак, можешь на примере?
Вот как в такой ситуации, поместить два последних дива в родительский при этом не нарушая очерёдность?
<!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>

Последний раз редактировалось clampson, 21.08.2013 в 21:55.
Ответить с цитированием
  #4 (permalink)  
Старый 21.08.2013, 23:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Сообщение от clampson
поместить два последних дива в родительский при этом не нарушая очерёдность?
это как?
Ответить с цитированием
  #5 (permalink)  
Старый 22.08.2013, 03:39
Интересующийся
Отправить личное сообщение для clampson Посмотреть профиль Найти все сообщения от clampson
 
Регистрация: 01.07.2013
Сообщений: 27

Сообщение от рони Посмотреть сообщение
это как?
вот так:
<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>
Ответить с цитированием
  #6 (permalink)  
Старый 22.08.2013, 09:25
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от clampson
вот так:
Как вариант...

<!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>
Ответить с цитированием
  #7 (permalink)  
Старый 22.08.2013, 17:19
Интересующийся
Отправить личное сообщение для clampson Посмотреть профиль Найти все сообщения от clampson
 
Регистрация: 01.07.2013
Сообщений: 27

Сообщение от ksa Посмотреть сообщение
Как вариант...

<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>
Спасибо, годный вариант вот только можно как то сказать appendChild в какое место добавлять новенький div (или может есть какой нить insertChild, как то не хочется делать ещё один цикл для расфасовки)? Он ведь стыкует его в конец, а от этого нарушается логика страницы ...

Последний раз редактировалось clampson, 22.08.2013 в 17:26.
Ответить с цитированием
  #8 (permalink)  
Старый 22.08.2013, 17:28
Профессор
Отправить личное сообщение для Яростный Меч Посмотреть профиль Найти все сообщения от Яростный Меч
 
Регистрация: 12.04.2010
Сообщений: 557

Сообщение от clampson
вот только можно как то сказать appendChild в какое место добавлять новенький div (или может есть какой нить insertChild
я, кажется, что-то говорил про insertBefore...
Ответить с цитированием
  #9 (permalink)  
Старый 22.08.2013, 17:34
Интересующийся
Отправить личное сообщение для clampson Посмотреть профиль Найти все сообщения от clampson
 
Регистрация: 01.07.2013
Сообщений: 27

Сообщение от Яростный Меч Посмотреть сообщение
я, кажется, что-то говорил про insertBefore...
каюсь, зазевал его, большое спасибо!
Ответить с цитированием
  #10 (permalink)  
Старый 22.08.2013, 17:47
Интересующийся
Отправить личное сообщение для clampson Посмотреть профиль Найти все сообщения от clampson
 
Регистрация: 01.07.2013
Сообщений: 27

доки insertbefore ... Выходит когда идёшь по циклу, нужно транзитную ноду сохранять. Какое упущение что нет индексов
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавить / удалить класс кликом fabrique Общие вопросы Javascript 4 03.09.2014 04:43
Как добавить класс к нужному элементу при наведении на определеные ссылки? crazygangster77 Events/DOM/Window 3 05.06.2013 02:19
помогите добавить class/id элементу magnateg Events/DOM/Window 39 19.11.2011 23:41
Добавить свой метод к элементу alekciy Events/DOM/Window 6 16.02.2009 19:29
Добавить контент к последнему элементу Viper jQuery 0 11.10.2008 20:04