diff options
Diffstat (limited to 'files/pt-br/web/api/document/createelementns/index.html')
| -rw-r--r-- | files/pt-br/web/api/document/createelementns/index.html | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/files/pt-br/web/api/document/createelementns/index.html b/files/pt-br/web/api/document/createelementns/index.html new file mode 100644 index 0000000000..ece55f592e --- /dev/null +++ b/files/pt-br/web/api/document/createelementns/index.html @@ -0,0 +1,90 @@ +--- +title: Document.createElementNS() +slug: Web/API/Document/createElementNS +tags: + - API + - DOM + - Referencia + - metodo +translation_of: Web/API/Document/createElementNS +--- +<div>{{ApiRef("DOM")}}</div> + +<p>Creates an element with the specified namespace URI and qualified name.</p> + +<p>Cria um elemento com Namespace URI e nome qualificado, como especificado.</p> + +<h2 id="Syntax" name="Syntax">Syntax</h2> + +<pre class="syntaxbox"><var>element</var> = <var>document</var>.createElementNS(<var>namespaceURI</var>, <var>qualifiedName</var>); +</pre> + +<ul> + <li><code>element</code> é o <a href="/en-US/docs/DOM/element" title="DOM/element">element</a> criado.</li> + <li><code>namespaceURI</code> é uma string que especifica o <a class="external" href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/glossary.html#dt-namespaceURI">namespace URI</a> para associar com o elemento. A propriedade <a href="/en-US/docs/DOM/element.namespaceURI">namespaceURI</a> do elemento criado é inicializada com os valores de <code>namespaceURI</code>. (Consulte seção abaixo para "Namespace URI's válidos")</li> + <li><code>qualifiedName</code> é uma string que especifica o tipo de elemento a ser criado. A propriedade <a href="/en-US/docs/DOM/element.nodeName">nodeName</a> do elemento criado é inicializada com o valor de <code>qualifiedName</code></li> +</ul> + +<h2 id="Example" name="Example">Namespace URI's válidos</h2> + +<ul> + <li>HTML - Use <code>http://www.w3.org/1999/xhtml</code></li> + <li>SVG - Use <code>http://www.w3.org/2000/svg</code></li> + <li>XBL - Use <code>http://www.mozilla.org/xbl</code></li> + <li>XUL - Use <code>http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</code></li> +</ul> + +<h2 id="Example" name="Example">Exemplo</h2> + +<p>Isso cria um novo elemento <div> no namespace <a href="/en-US/docs/XHTML" title="XHTML">XHTML</a> e anexa ele ao elemento vbox. Embora isso não seja um documento <a href="/en-US/docs/XUL" title="XUL">XUL</a> extremamente útil, pode demonstrar o uso de elementos de dois namespaces diferentes em apenas um documento:</p> + +<pre class="brush:xml"><?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="text/javascript"><![CDATA[ + var container; + var newdiv; + var txtnode; + + function init(){ + container = document.getElementById("ContainerBox"); + newdiv = document.createElementNS("http://www.w3.org/1999/xhtml","div"); + txtnode = document.createTextNode("Este é o texto construído dinâmicamente com createElementNS e createTextNode então é inserido no documento usando appendChild."); + newdiv.appendChild(txtnode); + container.appendChild(newdiv); + } + +]]></script> + + <vbox id='ContainerBox' flex='1'> + <html:div> + O script desta página irá colocar conteúdo dinâmico abaixo: + </html:div> + </vbox> + +</page> +</pre> + +<h2 id="Notes" name="Notes">Notas</h2> + +<p>O exemplo dado anteriormente usa script inline que não é recomendado em documentos XHTML. Este exemplo particular é atualmente um documento XUL com XHTML incorporado, contudo, a recomendação ainda se aplica. scripts Inline não causam nenhum problema neste pequeno exemplo, contudo, para qualquer trabalho sério você precisa ler sobre <a href="/en-US/docs/Properly_Using_CSS_and_JavaScript_in_XHTML_Documents" title="Properly_Using_CSS_and_JavaScript_in_XHTML_Documents">Uso correto de CSS e JavaScript en documentos XHTML</a>.</p> + +<p>Para criar um elemento sem especificar seu namespace URI, use o método <a href="createElement" title="createElement">createElement</a>.</p> + +<h2 id="Specification" name="Specification">Especificação</h2> + +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-DocCrElNS">DOM 2 Core: createElementNS</a></li> + <li><a class="external" href="http://www.w3.org/TR/1999/REC-xml-names-19990114">Namespaces em XML</a></li> +</ul> + +<h2 id="See_also" name="See_also">Veja também</h2> + +<ul> + <li><a href="createElement">document.createElement</a></li> + <li><a href="createTextNode">document.createTextNode</a></li> + <li><a href="../Node/namespaceURI">Node.namespaceURI</a></li> +</ul> |