Документ: метод createElementNS()

Создаёт элемент с указанным URI пространства имён и квалифицированным именем.

Для создания элемента без указания URI пространства имён используйте метод createElement().

namespaceURI

Строка, определяющая URI пространства имён, которое нужно связать с элементом. Свойство namespaceURI созданного элемента инициализируется значением namespaceURI. См. Допустимые URI пространств имён.

qualifiedName

Строка, определяющая тип создаваемого элемента. Свойство nodeName созданного элемента инициализируется значением qualifiedName.

options Необязательный

Необязательный объект ElementCreationOptions, содержащий единственное свойство с именем is, значением которого является имя тега для пользовательского элемента, ранее определённого с помощью customElements.define(). Для обеспечения обратной совместимости с предыдущими версиями спецификации Custom Elements некоторые браузеры позволят вам передать здесь строку вместо объекта, где значение строки — имя тега пользовательского элемента. См. Расширение встроенных HTML-элементов для получения дополнительной информации об использовании этого параметра.

Новому элементу будет присвоено атрибут is, значение которого будет именем тега пользовательского элемента. Пользовательские элементы — экспериментальная функция, доступная только в некоторых браузерах.

Новый Element.

NamespaceError DOMException

Выбрасывается, если значение namespaceURI не является допустимым URI пространства имён.

InvalidCharacterError DOMException

Выбрасывается, если значение qualifiedName не является допустимым именем XML; например, если оно начинается с цифры, дефиса или точки, или содержит символы, отличные от буквенно-цифровых символов, символов нижнего подчеркивания, дефисов или точек.

HTML

http://www.w3.org/1999/xhtml

SVG

http://www.w3.org/2000/svg

MathML

http://www.w3.org/1998/Math/MathML

Это создаёт новый элемент <div> в пространстве имён XHTML и добавляет его к элементу vbox. Хотя это не очень полезный документ XUL, он демонстрирует использование элементов из двух разных пространств имён в одном документе:

<?xml version="1.0"?>
<page xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
      xmlns:html="http://www.w3.org/1999/xhtml"
      title="||Working with elements||"
      onload="init()">

<script type="application/javascript"><![CDATA[
 let container;
 let newDiv;
 let textNode;

 function init(){
   container = document.getElementById("ContainerBox");
   newDiv = document.createElementNS("http://www.w3.org/1999/xhtml", "div");
   textNode = document.createTextNode("This is text that was constructed dynamically with createElementNS and createTextNode then inserted into the document using appendChild.");
   newDiv.appendChild(textNode);
   container.appendChild(newDiv);
 }

]]></script>

 <vbox id="ContainerBox" flex="1">
  <html:div>
   The script on this page will add dynamic content below:
  </html:div>
 </vbox>

</page>

• document.createElement()
• document.createTextNode()
• Element.namespaceURI
• Пространства имён в XML