HTML DOM createElement()
HTML элементы часто содержат текст. Чтобы создать кнопку с текстом, используйте свойства innerText или innerHTML объекта элемента:
Пример
Создать элемент button с текстом:
var btn = document.createElement("BUTTON"); // Создать элемент <button>
btn.innerHTML = "НАЖМИТЕ НА МЕНЯ"; //
Вставить текст
document.body.appendChild(btn); // Добавить <button> к <body>
Попробуйте сами »
Еще примеры "Попробуй сам" ниже.
Определение и использование
Метод createElement() создает узел элемента с указанным именем.
Совет: После создания элемента, используйте метод element.appendChild() или element.insertBefore() метод вставки его в документ.
Поддержка браузера
| Метод | |||||
|---|---|---|---|---|---|
| createElement() | Да | Да | Да | Да | Да |
Синтаксис
document.createElement(nodename)
Параметр значений
| Параметр | Тип | Описание |
|---|---|---|
| nodename | Строка | Требуемый. Имя элемента, который вы хотите создать |
Технические детали
| Возвращаемое значение: | Объект элемента, представляющий созданный узел элемента |
|---|---|
| Версия DOM | Основной уровень 1 Объект документа |
Еще примеры
Пример
Создать элемент <p> с некоторым текстом, используйте innerText для установки текста и добавьте его в документ:
var para = document.createElement("P"); // Создайте элемент <p>
para.innerText = "Это параграф"; // Вставить текст
document.body.appendChild(para); // Добавить <p> к <body>
Попробуйте сами »
Пример
Создать элемент <p> и добавьте его к элементу <div>:
var para = document.createElement("P"); // Создать элемент <p>
para.innerHTML = "Это параграф."; //
Вставить текст
document.getElementById("myDIV").appendChild(para); // Добавить <p> к <div> с id="myDIV"
Попробуйте сами »