document.createElement

This translation is incomplete. Please help translate this article from English.

Общая информация

В HTML-документах создает указанный в аргументе элемент или HTMLUnknownElement, если элемент неизвестен.

В XUL-документах создает указанный в аргументе элемент XUL.

В остальных случаях создаёт элемент с нулевым NamespaceURI.

Синтаксис

var element = document.createElement(tagName);
  • element — созданый объект элемента.
  • tagName — строка, указывающая элемент какого типа должен быть создан. nodeName создается и инициализируется со значением tagName.

Примеры

Данный пример создает новый элемент <div> и вставляет его перед элементом с идентификатором org_div1:

<!DOCTYPE html>
<html>
<head>
<title>||Работа с элементами||</title>
</head>

<body>
<div><h1>Привет!</h1></div>
<div id='org_div1'> Текст выше сгенерирован автоматически.</div>
</body>

<script>
  document.body.onload = addElement;
  var my_div = newDiv = null;

  function addElement() {

    // создаем новый элемент div
    // и добавляем в него немного контента

    var newDiv = document.createElement("div");
        newDiv.innerHTML = "<h1>Привет!</h1>";

    // добавляем только что созданый элемент в дерево DOM

    my_div = document.getElementById("org_div1");
    document.body.insertBefore(newDiv, my_div);
  }
</script>
</html>

Замечания

Если существуют атрибуты со значениями по умолчанию, атрибуты узлов предоставляющие их создаются автоматически и применяются к элементу.

Для создания элементов с заданым пространством имен используйте метод createElementNS.

Gecko implementation of createElement doesn't conform to the DOM spec for XUL and XHTML documents: localName and namespaceURI are not set to null on the created element. See bug 280692 for details.

Спецификации

DOM 2 Core: createElement

Метки документа и участники

Метки: 
Contributors to this page: khalid32, Norville, teoli, icw82, Alego
Обновлялась последний раз: khalid32,
Скрыть боковую панель