Документ HTML DOM createElement()
Примеры
Создайте элемент <p> и добавьте его в документ:
const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);
Создайте элемент <p> и добавьте его к элементу:
const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);
Ниже приведены дополнительные примеры.
Определение и использование
Метод createElement()
создает узел элемента.
Синтаксис
document.createElement(type)
Параметры
Parameter | Description |
type | Required. The type of element to create. |
Возвращаемое значение
Тип | Описание |
Узел | Созданный узел элемента. |
Дополнительные примеры
Создайте кнопку:
const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);
Поддержка браузера
document.createElement()
является функцией DOM уровня 1 (1998 г.).
Он полностью поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |