Как правильно создать объект типа button с icon?

Question

[Николай Бараненко]

Здравствуйте.

Пытаюсь на форме по окончанию изменения в SEARCH создать кнопки с текстом = контентом, который ввели + иконкой перечернутым кругом.

<input name="search" id="search" size="50" onchange="validate_amount1()"/>
    <p id="fooBar">Фильтр: </p>

function validate_amount1(){
        var icon = document.createElement("span");
        icon.className ="glyphicon glyphicon-remove-circle";
        var button = document.createElement("input");
        button.type = "button";
        button.value = document.getElementById("search").value;
        button.name= "button_"+document.getElementById("search").value;
        button.appendChild(icon);
        var foo = document.getElementById("fooBar");
        foo.appendChild(button);
    }

кнопки создаются с соответствующим контентом, НО без иконки.

Прошу подсказать, где ошибка.

Answer 1

[Дмитрий]

Если я все правильно понял, то Вам нужно создать не <input type="button"> а

<button type="button">
сюда сделать append Вашей иконки
</button>

В JS нужно изменить:
var button = document.createElement("input");
на
var button = document.createElement("button");