Есть вопрос по parentElem.appendChild(elem)

[ArtemBielykh]

Итак, есть вот такой код: https://jsfiddle.net/uee5q07g/

Создаю новый элемент и добавляю в него содержимое:

var newSpan = document.createElement('span');
newSpan.innerHTML = '[ открыть ]';

Собираю все нужные мне элементы:
var elem = document.getElementsByClassName('heading');

перебираю их и добавляю новый элемент в в конец дочерних элементов
elem[i].appendChild(newSpan);

Результат Вы видите!
"открыть" появляется почему-то в последнем элементе, хотя console.log показывает совсем другое. Что я делаю не правильно???

Спасибо!

[destus]

ArtemBielykh,

elem[i].appendChild(newSpan.cloneNode(true));

[ksa]

"открыть" появляется почему-то в последнем элементе

Так и должно быть.
Если тебе нужно много "открыть" - их нужно делать в цикле для каждого элемента.

[Dilettante_Pro]

ArtemBielykh,
Дело в том, что вы создали один элемент, и appendChild каждый раз размещает именно его в указанном месте, забирая с прежнего.
Смотрите https://learn.javascript.ru/modifyin...ов-clonenode

[рони]

ArtemBielykh,
вы создали один элемент, и таскали его разным местам, вместо создания нескольких
или цикл выше в строку 2 из 6 перенести, либо добавлять клон в строке 7

elem[i].appendChild(newSpan.cloneNode(true));

[рони]

destus,
ksa,
Dilettante_Pro,
рони,

[ArtemBielykh]

elem[i].appendChild(newSpan.cloneNode(true));

Спасибо!

[ksa]

рони, я второй нах!

[Dilettante_Pro]

ksa,
Странно, что laimas и Rise не подтянулись

[ksa]

Dilettante_Pro, мы доминируем.