вставка блока внутрь иного блока

#javascript

                    
Имеется конструкция типа 
, и нужно вставить внутрь
блока span. Проблем с созданием спана, его класса и его содержимого нет, но вот когда
я пытаюсь вставить спан в блок, то выходит [object HTMLSpanElement](через console.log(number_span)
выводит всё правильно, то что вставить собственно нужно).
Делаю так:

var div = document.getElementById('show_chosen_address'),
    number_span = d.createElement('span');

number_span.className = "number";
number_span.innerHTML = "test";
div.innerHTML = number_span;

    

Ответы

Ответ 1

либо используйте appendChild, либо вставляйте number_span.outerHTML



var div = document.getElementById('show_chosen_address'),
  number_span = document.createElement('span');
number_span.className = "number";
number_span.innerHTML = "test";
div.innerHTML = number_span.outerHTML;

var div2 = document.getElementById('show_chosen_address2'),
  number_span2 = document.createElement('span');
number_span2.className = "number";
number_span2.innerHTML = "test2";
div2.appendChild(number_span2);
#show_chosen_address,
#show_chosen_address2 {
  border: 1px solid;
  width: 200px;
  margin-bottom: 10px;
}