В чем заключается ошибка в коде?

Question

[Kalini4ka]

var parents = document.getElementsByClassName('box');
var p = document.createElement('input');

Array.prototype.forEach.call(parents, function(parent) {
p.innerHTML = 'type="text"';
parent.appendChild(p);
});

<span class="box">
" Раз два три "
</span>

Comments

[Вадим Кот]

Вы хотите получить <input>type="text"</input>? Вы же это не всерьез?

Answer 1

[Сергей Соколов]

Перенесите строку var p = ... внутрь функции, перед p.innerHTML =

Answer 2

[Антон Спирин]

var parents = document.getElementsByClassName('box');

Array.prototype.forEach.call(parents, function(parent) {
  var input = document.createElement('input');
  input.type = 'text';
  parent.appendChild(input);
});

Comments

[Kalini4ka]

сорри,когда писал код сюда,ошибочку допустил)
С parents код не работает

[Антон Спирин]

Kalini4ka, работает. Вы задаете innerHTML input. В коде документа это видно. Но так делать не правильно. Вам по-хорошему надо изменить код так:

var parents = document.getElementsByClassName('box');

Array.prototype.forEach.call(parents, function(parent) {
  var input = document.createElement('input');
  input.type = 'text';
  parent.appendChild(input);
});

[Kalini4ka]

Антон Спирин, А в таком случае как сделать элемент первым? (beforeBegin)

[Антон Спирин]

Kalini4ka, первым где?

[Kalini4ka]

Антон Спирин,

<span class="box"> "Раз два три"
</span>

[Kalini4ka]

Создать элемент перед " Раз два три "

[Антон Спирин]

Kalini4ka, а почему вы его просто не пропишите в html?

<span class="box">
  <input type="text" />
  "Раз два три"
</span>

[Антон Спирин]

Kalini4ka, например.

[Kalini4ka]

Антон Спирин, Вы немного не поняли)
<span class="box">Раз два три</span>

Перед словами " Раз два три " создать элемент

[Kalini4ka]

Kalini4ka, А не перед элементом создать элемент.Ваш код выше верный,если ток нужно перед элементом создать элемент,а если перед словами создать элемент,то тут уже не получается

[Антон Спирин]

Kalini4ka, ну без элемента почти так же.

[Kalini4ka]

Антон Спирин, Огромное спасибо!