createElement()

Поддержка браузерами

Описание

Метод createElement() создает элемент, имя тега которого было указано. Сразу после создания элемента к нему могут быть добавлены атрибуты или текстовое содержимое. Затем созданный элемент может быть добавлен в HTML-документ с помощью методов appendChild или insertBefore().

Синтаксис

document.createElement(имяТега)

Аргументы

имяТега: строка, указывающая имя тега элемента, который требуется создать. Это же значение будет присвоено свойству nodeName, созданного элемента.

Возвращаемое значение

Возвращает созданный объект Element. Если имя не распознано, возвращается объект HTMLUnknownElement.

Пример

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Название документа</title>
</head>
<body>

  <button onclick="foo()">Создать абзац</button>

  <script>
    function foo() {
      var elem = document.createElement("p");
      elem.innerHTML = "Это абзац.";
      document.body.appendChild(elem);
    }
  </script>

</body>
</html>

Попробовать »