Document.createElementNS()

在此页

句法
Important Namespace URIs
范例
规范
浏览器兼容性
另请参阅
相关话题

Creates an element with the specified namespace URI and qualified name.

To create an element without specifying a namespace URI, use the createElement() 方法。

句法

var element = document.createElementNS(namespaceURI, qualifiedName[, options]);

参数

namespaceURI: A string that specifies the namespace URI to associate with the element. The namespaceURI property of the created element is initialized with the value of namespaceURI 。见 Valid Namespace URIs .
qualifiedName: A string that specifies the type of element to be created. The nodeName property of the created element is initialized with the value of qualifiedName .
选项 可选: An optional ElementCreationOptions object containing a single property named is , whose value is the tag name for a custom element previously defined using customElements.define() . For backwards compatibility with previous versions of the Custom Elements specification , some browsers will allow you to pass a string here instead of an object, where the string's value is the custom element's tag name. See Extending native HTML elements for more information on how to use this parameter.; The new element will be given an is attribute whose value is the custom element's tag name. Custom elements are an experimental feature only available in some browsers.

返回值

新的 元素 .

Important Namespace URIs

HTML: http://www.w3.org/1999/xhtml
SVG: http://www.w3.org/2000/svg
MathML: http://www.w3.org/1998/Math/MathML
XUL: http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul
XBL: http://www.mozilla.org/xbl

范例

This creates a new <div> element in the XHTML namespace and appends it to the vbox element. Although this is not an extremely useful XUL document, it does demonstrate the use of elements from two different namespaces within a single document:

<?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 txtnode;
 function init(){
   container = document.getElementById("ContainerBox");
   newdiv = document.createElementNS("http://www.w3.org/1999/xhtml", "div");
   txtnode = document.createTextNode("This is text that was constructed dynamically with createElementNS and createTextNode then inserted into the document using appendChild.");
   newdiv.appendChild(txtnode);
   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>

The example given above uses inline script which is not recommended in XHTML documents. This particular example is actually an XUL document with embedded XHTML, however, the recommendation still applies.

规范

规范	状态	注释
DOM The definition of 'Document.createElementNS()' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`createElementNS`	Chrome 1	Edge 12	Firefox Yes Yes Doesn't conform to the DOM spec for XUL and XHTML documents: `localName` and `namespaceURI` are not set to null on the created element.	IE 9	Opera Yes	Safari Yes	WebView Android Yes	Chrome Android Yes	Firefox Android Yes	Opera Android Yes	Safari iOS Yes	Samsung Internet Android Yes
`选项` 参数	Chrome 56 56 For backwards compatibility, the `选项` argument can be an object or a string with the custom element tag name, although the string version is deprecated.	Edge ≤79 ≤79 For backwards compatibility, the `选项` argument can be an object or a string with the custom element tag name, although the string version is deprecated.	Firefox 50 50 Firefox accepts a string instead of an object here, but only from version 51 onwards. In version 50, options must be an object.	IE ?	Opera 43 43 For backwards compatibility, the `选项` argument can be an object or a string with the custom element tag name, although the string version is deprecated.	Safari ?	WebView Android 56 56 For backwards compatibility, the `选项` argument can be an object or a string with the custom element tag name, although the string version is deprecated.	Chrome Android 56 56 For backwards compatibility, the `选项` argument can be an object or a string with the custom element tag name, although the string version is deprecated.	Firefox Android 50 50 Firefox accepts a string instead of an object here, but only from version 51 onwards. In version 50, options must be an object.	Opera Android 43 43 For backwards compatibility, the `选项` argument can be an object or a string with the custom element tag name, although the string version is deprecated.	Safari iOS ?	Samsung Internet Android 6.0 6.0 For backwards compatibility, the `选项` argument can be an object or a string with the custom element tag name, although the string version is deprecated.

在此页

句法

参数

返回值

Important Namespace URIs

范例

规范

浏览器兼容性

图例

另请参阅

元数据

相关话题