Добавление объекта HTML в DOM с использованием JavaScript.Показ пустого

Question

Я пытаюсь создать кнопку HTML, используя JavaScript (на первый взгляд, простой), но по какой-то причине объект не помещается на страницу.

Нужно ли добавить его в DOM или как-то создать его экземпляр?

Вот мой код:

function loadNavigation() {
var backButton;
backButton = document.createElement('input');
backButton.ID = 'backButton';
backButton.type = 'button';
backButton.innerHTML = 'Back';
backButton.onclick = 'function navigate(-1)';

}

Answer 1

Вы должны будете использовать метод appendChild, чтобы добавить созданную вами кнопку к уже существующей DOM

Answer 2

Да. То, что вы создали элемент, не означает, что вы действительно разместили его на странице. Браузер понятия не имеет, куда вы хотите поместить его - в начале тела? В середине div вы определили?

Вы можете использовать что-то вроде:

document.body.insertBefore(backButton, null);

Если у вас уже есть элемент (возможно, с document.getElementById()), вы можете вставить новую кнопку с помощью:

yourElement.appendChild(backButton);

Answer 3

Вы должны добавить кнопку в DOM. Метод createElement только создает объект, но не добавляет его в DOM. Вы можете использовать методы appendChild или insertBefore для родительского элемента.