Создать с помощью JS div который будет расположен в неоходимом другом div

G
На сайте с 19.07.2009
Offline
39
1711

Здравствуйте.

Как обычно, перед тем как задать вопрос, погуглив я все равно не нашел ответ на вопрос:

как создать с помощью JS блок div - "name_div_child", который будет расположен в необходимом другом "name_div_parent"

Пробовал так:

function sozdat(name_div_parent ,name_div_child)

{
var name_div_child = document.createElement('div');
name_div_child.id = name_div_child;
name_div_child.innerHTML = "some_tex";
document.body.appendChild(name_div_child);
}

Пробовал document.body.insertBefore(name_div_child,name_div_parent);

но это совсем не то - вставляет до или после но в выбраный div никак.

Кто знает ответ на эту задачку - помогите пожалуйста.

MirUrokov.ru - ГДЗ (готовые домашние задания), видео уроки, открытые уроки, онлайн калькуляторы. (http://mirurokov.ru)
rihh
На сайте с 22.01.2007
Offline
79
#1

Все просто - не хватает навыков в js переключитесь на jQuery. там подобное делается в строку.

У меня есть план
G
На сайте с 19.07.2009
Offline
39
#2

Это конечно хорошо, но из-за одного момента (одной проблемки) присоединять jQuery не хотелось бы.

rihh, а Вы не знаете как это сделать в JS без jQuery?

DA
На сайте с 19.05.2011
Offline
8
#3

А где в этом коде вы используете name_div_parent?


elem.appendChild(newNode)
Параметры:

elem
существующий родительский элемент
newNode
новый нод, который добавляем
C
На сайте с 04.02.2005
Offline
291
#4

а что appendChild() только есть у body?

DA
На сайте с 19.05.2011
Offline
8
#5

Можно както так


<div style="border:1px solid #999999" id="parent">
gggggggggggggggggg
</div>
<script type="text/javascript">
// <![CDATA[ var parent = document.getElementById("parent");
var name_div_child = document.createElement('div');
var text = "текст";
var textNode = document.createTextNode(text);
name_div_child.appendChild(textNode);
parent.appendChild(name_div_child);

// ]]>
</script>

G
На сайте с 19.07.2009
Offline
39
#6
DmitryAnt:
Можно както так

Спасибо, все получилось.

Но вот проблема - если попытаться создать div в dive который был создан динамически то ничего не выходит. Вот моя попытка:

function sozdat_vip_spisok2 (name_div_child ,name_div_parent, some_array)

{
alert (name_div_child);

var parent = document.getElementById(name_div_parent);
var name_div_child = document.createElement('div');

var text = some_array;

var textNode = document.createTextNode(text);
name_div_child.appendChild(textNode);
parent.appendChild(name_div_child);
};
sozdat_vip_spisok2 ("div_1", "div_0" , "1,2,3");
sozdat_vip_spisok2 ("div_2", "div_1" , "4,5,6");
SI
На сайте с 03.12.2007
Offline
130
#7

Зачем 2 name_div_child

var name_div_child = document.createElement('div');

var div_child = document.createElement('div');

div_child.id = name_div_child;

-= Онлайн сервисы =-
G
На сайте с 19.07.2009
Offline
39
#8

Спасибо, недоглядел)))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий