Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Добавление элемента добавляемому элементу. (https://javascript.ru/forum/events/52799-dobavlenie-ehlementa-dobavlyaemomu-ehlementu.html)

Deoman 07.01.2015 17:08

Добавление элемента добавляемому элементу.
 
Добавляю элемент
document.getElementById(dCon.id).appendChild(pString)

теперь необходимо к этому элементу добавить новый
document.getElementById(dCon.id).appendChild(pString).appendChild(blink)
- не работает. Help!

ruslan_mart 07.01.2015 17:10

document.getElementById(dCon.id).appendChild(pString);
pString.appendChild(blink);

Deoman 07.01.2015 17:20

Точняк, спасибо!

danik.js 08.01.2015 00:07

Цитата:

Сообщение от Deoman
- не работает

Че врешь-то, а?
<style>
div, span{
    outline: 1px solid red;
    padding: 5px;
    display: inline-block;
}
#dCon:before{
    content: attr(id);
}
.pString:before, .blink:before{
    content: attr(class);
}
</style>
<body>
<script>
var dCon = document.createElement('span');
dCon.id = 'dCon';
document.body.appendChild(dCon);
var pString = document.createElement('span');
pString.className = 'pString';
var blink = document.createElement('span');
blink.className = 'blink';

document.getElementById(dCon.id).appendChild(pString).appendChild(blink);
</script>

danik.js 08.01.2015 00:08

Ruslan_xDD, а appendChild че возвращает, м?

ruslan_mart 08.01.2015 06:28

danik.js, по идее добавляемый элемент. Но чёрт знает, почему у автора не работает, видимо проблема в чём-то другом. Только вот такая цепочка из appendChild`ов не очень красиво смотрится и немного путает.

Deoman 08.01.2015 18:37

Ruslan_xDD,
когда была последовательность appendChild, то выдавало ошибку типо blink это не Node. Но твой пример нормально заработал)


Часовой пояс GMT +3, время: 10:07.