Как соеденить два var элемента?

Question

[JyriG]

Почему этот код:

var material = document.createElement("div");
    var material__checkbox = document.createElement("input");
    var material__checkbox_label = document.createElement("label");

    material__checkbox_label.innerHTML = document.querySelector("#new_material").value;

    if (document.querySelector("#new_material_color_one").checked) {
      material__checkbox_label.style.color = '#fff';
    }
    else {
      material__checkbox_label.style.color = '#000';
    }

    material__checkbox_label.style.background = document.querySelector("#app > div > input").value;


    material.innerHTML = material__checkbox + " " +material__checkbox_label;

    material.classList.add("material__customcol_item");

    document.querySelector("#materials > fieldset").append(material)

Выдает [object HTMLInputElement] [object HTMLLabelElement] и как это исправить?

Comments

[twobomb]

А что он должен выдавать?
Ну поправьте на

material.innerHTML = material__checkbox.value + " " +material__checkbox_label.innerHTML;

[twobomb]

Ну я подзреваю что вы хотели что-то типа

material.appendChild(material__checkbox );
material.appendChild(material__checkbox_label );

Вместо

material.innerHTML = material__checkbox + " " +material__checkbox_label;

[JyriG]

twobomb, Вы гений... Спасибо, appendchild всё решил!!

[twobomb]

JyriG, невероятно