diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:50:24 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:50:24 +0100 |
commit | 2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e (patch) | |
tree | 86ab4534d10092b293d4b7ab169fe1a8a2421bfa /files/pt-pt/web/api/element | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.tar.gz translated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.tar.bz2 translated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.zip |
unslug pt-pt: move
Diffstat (limited to 'files/pt-pt/web/api/element')
-rw-r--r-- | files/pt-pt/web/api/element/clientleft/index.html | 47 | ||||
-rw-r--r-- | files/pt-pt/web/api/element/clienttop/index.html | 38 | ||||
-rw-r--r-- | files/pt-pt/web/api/element/index.html | 573 |
3 files changed, 658 insertions, 0 deletions
diff --git a/files/pt-pt/web/api/element/clientleft/index.html b/files/pt-pt/web/api/element/clientleft/index.html new file mode 100644 index 0000000000..48ee3f11b4 --- /dev/null +++ b/files/pt-pt/web/api/element/clientleft/index.html @@ -0,0 +1,47 @@ +--- +title: element.clientLeft +slug: DOM/element.clientLeft +tags: + - PrecisaDeRevisãoEditorial + - Referência_do_DOM_Gecko +translation_of: Web/API/Element/clientLeft +--- +<p>{{ Fx_minversion_header(3) }} {{ ApiRef() }} <span class="comment">Faltam duas imagens no documento</span></p> +<h3 id="Resumo" name="Resumo">Resumo</h3> +<p>A largura da borda esquerda de um elemento em pixels inclui a largura da barra de rolagem vertical se a direção do texto do elemento estiver da direita para a esquerda e se houver um excesso causando uma barra de rolagem vertical na esquerda para ser renderizada. <code>clientLeft</code> não inclui a margem ou o enchimento esquerdo. <code>clientLeft</code> é somente leitura.</p> +<p>Aplicações baseadas em <a href="pt/Gecko">Gecko</a> suportam <code>clientLeft</code> començando com o Gecko 1.9 (<a href="pt/Firefox_3_para_desenvolvedores">Firefox 3</a>, implementado em {{ Bug(111207) }}). Esta propriedade não é suportada pelo Firefox 2 e mais antigos.</p> +<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3> +<pre class="eval">var <var>left</var> = <var>element</var>.clientLeft; +</pre> +<h3 id="Exemplos" name="Exemplos">Exemplos</h3> +<div id="offsetContainer" style="margin: 26px 0px; background-color: rgb(255, 255, 204); border: 4px dashed black; color: black; position: absolute; left: 260px;"> + <div id="idDiv" style="margin: 24px 29px; border: 24px black solid; padding: 0px 28px; width: 199px; height: 102px; overflow: auto; background-color: white; font-size: 13px!important; font-family: Arial, sans-serif;"> + <p id="PaddingTopLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-top</p> + <p>Gentle, individualistic and very loyal, Birman cats fall between Siamese and Persian in character. If you admire cats that are non aggressive, that enjoy being with humans and tend to be on the quiet side, you may well find that Birman cats are just the felines for you.</p> + <p><span style="float: right;"><img alt="Image:BirmanCat.jpg"></span>All Birmans have colorpointed features, dark coloration of the face, ears, legs and tail.</p> + <p>Cat image and text coming from <a class="external" href="http://www.best-cat-art.com/">www.best-cat-art.com</a></p> + <p id="PaddingBottomLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-bottom</p> + </div> + <span style="position: absolute; left: -32px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Left</span><span style="position: absolute; left: 170px; top: -24px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Top</span><span style="position: absolute; left: 370px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Right</span><span style="position: absolute; left: 164px; top: 203px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Bottom</span><span style="position: absolute; left: 143px; top: 5px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-top</span><span style="position: absolute; left: 138px; top: 175px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-bottom</span><span style="position: absolute; left: 143px; top: 27px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-top</span><span style="position: absolute; left: 138px; top: 153px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-bottom</span><span class="comment">{{ mediawiki.external('if IE') }}><span id="MrgLeft" style="position: absolute; left: 8px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-left</span><span id="BrdLeft" style="position: absolute; left: 33px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-left</span><span id="PdgLeft" style="position: absolute; left: 55px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">padding-left</span><span id="PdgRight" style="position: absolute; left: 275px; top: 60px; color: black; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl; white-space: nowrap;">padding-right</span><span id="BrdRight" style="position: absolute; left: 310px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-right</span><span id="MrgRight" style="position: absolute; left: 340px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-right</span><!{{ mediawiki.external('endif') }}</span></div> +<p style="margin-top: 270px;"><img alt="Image:clientLeft.png"></p> +<p><img alt="Vertical scrollbar position when layout.scrollbar.side property is set to 1 or to 3"></p> +<p>Quando a <a class="external" href="http://kb.mozillazine.org/Layout.scrollbar.side">propriedade + <i> + layout.scrollbar.side</i> + </a> é configurada para 1 ou para 3 e quando a direção do texto é configurada da direita para a esquerda, <b>então a barra de rolagem vertical é posicionada na esquerda</b> e isto impacta na maneira como o <code>clientLeft</code> é computado.</p> +<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3> +<p>Não é parte de qualquer especificação W3C.</p> +<h3 id="Notas" name="Notas">Notas</h3> +<p><code>clientLeft</code> foi primeiramente introduzido no objeto modelo DHTML do MS IE.</p> +<p>A posição da barra de rolagem vertical na direção do texto, direita para a esquerda, configura que o elemento dependerá da <a class="external" href="http://kb.mozillazine.org/Layout.scrollbar.side">preferência + <i> + layout.scrollbar.side</i> + </a></p> +<h3 id="Refer.C3.AAncias" name="Refer.C3.AAncias">Referências</h3> +<ul> + <li><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/clientleft.asp?frame=true">MSDN's clientLeft definition</a></li> + <li><a class="external" href="http://msdn.microsoft.com/workshop/author/om/measuring.asp">MSDN's Measuring Element Dimension and Location</a></li> +</ul> +<p><span class="comment">Categorias</span></p> +<p><span class="comment">Interwiki Language Links</span></p> +<p>{{ languages( { "en": "en/DOM/element.clientLeft", "ja": "ja/DOM/element.clientLeft", "pl": "pl/DOM/element.clientLeft" } ) }}</p> diff --git a/files/pt-pt/web/api/element/clienttop/index.html b/files/pt-pt/web/api/element/clienttop/index.html new file mode 100644 index 0000000000..02f2ee736c --- /dev/null +++ b/files/pt-pt/web/api/element/clienttop/index.html @@ -0,0 +1,38 @@ +--- +title: element.clientTop +slug: DOM/element.clientTop +tags: + - PrecisaDeRevisãoEditorial + - Referência_do_DOM_Gecko +translation_of: Web/API/Element/clientTop +--- +<p>{{ Fx_minversion_header(3) }} {{ ApiRef() }} <span class="comment">Falta uma imagem no documento</span></p> +<h3 id="Resumo" name="Resumo">Resumo</h3> +<p>A largura da borda superior de um elemento em pixels não inclui a margem superior ou o enchimento. <code>clientTop</code> é somente leitura.</p> +<p>Aplicações baseadas em <a href="pt/Gecko">Gecko</a> suportam <code>clientTop</code> começando com Gecko 1.9 (<a href="pt/Firefox_3_para_desenvolvedores">Firefox 3</a>, implementou em {{ Bug(111207) }}). Esta propriedade não é suportada no Firefox 2 e mais antigos.</p> +<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3> +<pre class="eval">var<i>top</i> = <var>element</var>.clientTop; +</pre> +<h3 id="Exemplos" name="Exemplos">Exemplos</h3> +<div id="offsetContainer" style="margin: 26px 0px; background-color: rgb(255, 255, 204); border: 4px dashed black; color: black; position: absolute; left: 260px;"> + <div id="idDiv" style="margin: 24px 29px; border: 24px black solid; padding: 0px 28px; width: 199px; height: 102px; overflow: auto; background-color: white; font-size: 13px!important; font-family: Arial, sans-serif;"> + <p id="PaddingTopLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-top</p> + <p>Gentle, individualistic and very loyal, Birman cats fall between Siamese and Persian in character. If you admire cats that are non aggressive, that enjoy being with humans and tend to be on the quiet side, you may well find that Birman cats are just the felines for you.</p> + <p><span style="float: right;"><img alt="Image:BirmanCat.jpg"></span>All Birmans have colorpointed features, dark coloration of the face, ears, legs and tail.</p> + <p>Cat image and text coming from <a class="external" href="http://www.best-cat-art.com/">www.best-cat-art.com</a></p> + <p id="PaddingBottomLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-bottom</p> + </div> + <span style="position: absolute; left: -32px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Left</span><span style="position: absolute; left: 170px; top: -24px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Top</span><span style="position: absolute; left: 370px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Right</span><span style="position: absolute; left: 164px; top: 203px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Bottom</span><span style="position: absolute; left: 143px; top: 5px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-top</span><span style="position: absolute; left: 138px; top: 175px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-bottom</span><span style="position: absolute; left: 143px; top: 27px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-top</span><span style="position: absolute; left: 138px; top: 153px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-bottom</span><span class="comment">{{ mediawiki.external('if IE') }}><span id="MrgLeft" style="position: absolute; left: 8px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-left</span><span id="BrdLeft" style="position: absolute; left: 33px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-left</span><span id="PdgLeft" style="position: absolute; left: 55px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">padding-left</span><span id="PdgRight" style="position: absolute; left: 275px; top: 60px; color: black; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl; white-space: nowrap;">padding-right</span><span id="BrdRight" style="position: absolute; left: 310px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-right</span><span id="MrgRight" style="position: absolute; left: 340px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-right</span><!{{ mediawiki.external('endif') }}</span></div> +<p style="margin-top: 270px;"><img alt="Image:clientTop.png"></p> +<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3> +<p>Não é parte de nenhuma especificação W3C.</p> +<h3 id="Notas" name="Notas">Notas</h3> +<p><code>clientTop</code> foi primeiramente introduzido no objeto modelo DHTML do MS IE.</p> +<h3 id="Refer.C3.AAncias" name="Refer.C3.AAncias">Referências</h3> +<ul> + <li><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/clienttop.asp?frame=true">MSDN's clientTop definition</a></li> + <li><a class="external" href="http://msdn.microsoft.com/workshop/author/om/measuring.asp">MSDN's Measuring Element Dimension and Location</a></li> +</ul> +<p><span class="comment">Categorias</span></p> +<p><span class="comment">Interwiki Language Links</span></p> +<p>{{ languages( { "en": "en/DOM/element.clientTop", "pl": "pl/DOM/element.clientTop" } ) }}</p> diff --git a/files/pt-pt/web/api/element/index.html b/files/pt-pt/web/api/element/index.html new file mode 100644 index 0000000000..7b9a55f260 --- /dev/null +++ b/files/pt-pt/web/api/element/index.html @@ -0,0 +1,573 @@ +--- +title: element +slug: DOM/element +tags: + - API + - API da Web + - DOM + - Element + - Elemento + - Interface + - Referencia + - Referência DOM +translation_of: Web/API/Element +--- +<div>{{APIRef("DOM")}}</div> + +<p><span class="seoSummary"><strong><code>Element</code></strong> </span>é a classe base mais geral da qual todos os objetos em um <span class="seoSummary">{{DOMxRef("Document","documento")}} herdam. Este só tem métodos e propriedades comuns para todos os tipos de elementos. </span>Classes mais específicas herdam de<span class="seoSummary"> <code>Element</code>.</span> Por exemplo, a interface {{DOMxRef("HTMLElement")}} é a interface base para os elementos HTML, enquanto a interface {{DOMxRef("SVGElement")}} é a base para todos os elementos SVG. A maioria das funcionalidades é especificada mais abaixo na hierarquia de classes.</p> + +<p>Linguagens fora do âmbito da plataforma Web, como XUL através da interface <code>XULElement</code>, também implementa <code>Element</code>.</p> + +<p>{{InheritanceDiagram}}</p> + +<h2 id="Propriedades" name="Propriedades">Propriedades</h2> + +<p><em>Inherits properties from its parent interface, {{DOMxRef("Node")}}, and by extension that interface's parent, {{DOMxRef("EventTarget")}}. It implements the properties of {{DOMxRef("ParentNode")}}, {{DOMxRef("ChildNode")}}, {{DOMxRef("NonDocumentTypeChildNode")}}, </em>and {{DOMxRef("Animatable")}}.</p> + +<table class="fullwidth-table"> + <tbody> + <tr> + <th>Nome</th> + <th>Descrição</th> + <th>Tipo</th> + <th>Dosponibilidade</th> + </tr> + <tr> + <td><code><a href="pt/DOM/element.attributes">attibutes</a></code></td> + <td>Todos os atributos associados ao elemento</td> + <td><code><a href="pt/DOM/NamedNodeMap">NamedNodeMap</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.childNodes">childNodes</a></code></td> + <td>Todos os nós-filhos de um elemento.</td> + <td><code><a href="pt/DOM/NodeList">NodeList</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.className">className</a></code></td> + <td>Retorna ou define a classe do elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.clientHeight">clientHeight</a></code></td> + <td>A altura interna de um elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.clientLeft">clientLeft</a></code></td> + <td>A largura da borda esquerda de um elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.clientTop">clientTop</a></code></td> + <td>A largura da borda superior de um elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.clientWidth">clientWidth</a></code></td> + <td>A largura interna de um elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.dir">dir</a></code></td> + <td>Retorna ou define a direcionalidade do elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.firstChild">firstChild</a></code></td> + <td>O primeiro nó-filho direto de um elemento, ou <code>null</code> se o elemento não tem nós-filhos.</td> + <td><code><a href="pt/DOM/Node">Node</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.id">id</a></code></td> + <td>Retorna ou define o id do elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.innerHTML">innerHTML</a></code></td> + <td>Retorna ou define a marcação e o conteúdo de um elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.lang">lang</a></code></td> + <td>Retorna ou define o atributo linguagem de um elemento, texto, e conteúdo do elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.lastChild">lastChild</a></code></td> + <td>O último nó-filho direto de um elemento, ou <code>null</code> se o elemento não tem nós-filhos.</td> + <td><code><a href="pt/DOM/Node">Node</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.localName">localName</a></code></td> + <td>A parte local de um nome qualificado de um elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <th>Nome</th> + <th>Descrição</th> + <th>Tipo</th> + <th>Disponibilidade</th> + </tr> + <tr> + <td><code><a href="pt/DOM/element.name">name</a></code></td> + <td>Retorna/define o atributo name de um elemento.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.namespaceURI">namespaceURI</a></code></td> + <td>A URI de namespace do nó, ou <code>null</code> se não está especificado.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.nextSibling">nextSibling</a></code></td> + <td>O nó imediatamente seguinte ao dado numa árvore, ou <code>null</code> se não existe nó-irmão.</td> + <td><code><a href="pt/DOM/Node">Node</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.nodeName">nodeName</a></code></td> + <td>O nome do nó.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.nodeType">nodeType</a></code></td> + <td>Um número representando o tipo do nó. É sempre igual a <code>1</code> para elementos DOM.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.nodeValue">nodeValue</a></code></td> + <td>O valor do nó. É sempre igual a <code>null</code> para elementos DOM.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.offsetHeight">offsetHeight</a></code></td> + <td>A altura de um elemento, em relação ao layout.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.offsetLeft">offsetLeft</a></code></td> + <td>A distância da borda esquerda do elemento para o a borda esquerda do seu <code>offsetParent</code>.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.offsetParent">offsetParent</a></code></td> + <td>O elemento para o qual todos cálculos de offset estão atualmente computados.</td> + <td><code><a href="pt/DOM/element">Element</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.offsetTop">offsetTop</a></code></td> + <td>A distância da borda superior do elemento para o a borda superior do seu <code>offsetParent</code>.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.offsetWidth">offsetWidth</a></code></td> + <td>A largura de um elemento, em relação ao layout.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.ownerDocument">ownerDocument</a></code></td> + <td>O documento no qual o nó está, ou <code>null</code> se o nó não está dentro de nenhum.</td> + <td><code><a href="pt/DOM/document">Document</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <th>Nome</th> + <th>Descrição</th> + <th>Tipo</th> + <th>Disponibilidade</th> + </tr> + <tr> + <td><code><a href="pt/DOM/element.parentNode">parentNode</a></code></td> + <td>The parent element of this node, or <code>null</code> if the node is not inside of a <a href="pt/DOM/document">DOM Document</a>.</td> + <td><code><a href="pt/DOM/Node">Node</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.prefix">prefix</a></code></td> + <td>The namespace prefix of the node, or <code>null</code> if no prefix is specified.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.previousSibling">previousSibling</a></code></td> + <td>The node immediately preceding the given one in the tree, or <code>null</code> if there is no sibling node.</td> + <td><code><a href="pt/DOM/Node">Node</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.scrollHeight">scrollHeight</a></code></td> + <td>The scroll view height of an element.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.scrollLeft">scrollLeft</a></code></td> + <td>Gets/sets the left scroll offset of an element.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.scrollTop">scrollTop</a></code></td> + <td>Gets/sets the top scroll offset of an element.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.scrollWidth">scrollWidth</a></code></td> + <td>The scroll view width of an element.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.style">style</a></code></td> + <td>An object representing the declarations of an element's style attributes.</td> + <td><code><a href="pt/DOM/CSSStyleDeclaration">CSSStyle</a></code></td> + <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.tabIndex">tabIndex</a></code></td> + <td>Gets/sets the position of the element in the tabbing order.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.tagName">tagName</a></code></td> + <td>The name of the tag for the given element.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.textContent">textContent</a></code></td> + <td>Gets/sets the textual contents of an element and all its descendants.</td> + <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + </tbody> +</table> + +<h3 id="Methods" name="Methods">Métodos</h3> + +<table class="fullwidth-table"> + <tbody> + <tr> + <th>Nome & Descrição</th> + <th>Retorna</th> + <th>Disponibilidade</th> + </tr> + <tr> + <td><code><a href="pt/DOM/element.addEventListener">addEventListener</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">type</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Function">listener</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">useCapture</a> )</code><br> + Register an event handler to a specific event type on the element.</td> + <td>-</td> + <td><small><a href="pt/DOM/event">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.appendChild">appendChild</a>( <a href="pt/DOM/Node">appendedNode</a> )</code><br> + Insert a node as the last child node of this element.</td> + <td><a href="pt/DOM/Node">Node</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.blur">blur</a>()</code><br> + Removes keyboard focus from the current element.</td> + <td>-</td> + <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.click">click</a>()</code><br> + Simulates a click on the current element.</td> + <td>-</td> + <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.cloneNode">cloneNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">deep</a> )</code><br> + Clone a node, and optionally, all of its contents.</td> + <td><a href="pt/DOM/Node">Node</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.dispatchEvent">dispatchEvent</a>( <a href="pt/DOM/event">event</a> )</code><br> + Dispatch an event to this node in the DOM.</td> + <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.focus">focus</a>()</code><br> + Gives keyboard focus to the current element.</td> + <td>-</td> + <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.getAttribute">getAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Retrieve the value of the named attribute from the current node.</td> + <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.getAttributeNS">getAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Retrieve the value of the attribute with the specified name and namespace, from the current node.</td> + <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.getAttributeNode">getAttributeNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Retrieve the node representation of the named attribute from the current node.</td> + <td><a href="pt/DOM/Attr">Attr</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.getAttributeNodeNS">getAttributeNodeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Retrieve the node representation of the attribute with the specified name and namespace, from the current node.</td> + <td><a href="pt/DOM/Attr">Attr</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <th>Nome & Descrição</th> + <th>Retorna</th> + <th>Disponibilidade</th> + </tr> + <tr> + <td><code><a href="pt/DOM/element.getElementsByTagName">getElementsByTagName</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Retrieve a set of all descendant elements, of a particular tag name, from the current element.</td> + <td><a href="pt/DOM/NodeSet">NodeSet</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Retrieve a set of all descendant elements, of a particular tag name and namespace, from the current element.</td> + <td><a href="pt/DOM/NodeSet">NodeSet</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.hasAttribute">hasAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Check if the element has the specified attribute, or not.</td> + <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.hasAttributeNS">hasAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Check if the element has the specified attribute, in the specified namespace, or not.</td> + <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.hasAttributes">hasAttributes</a>()</code><br> + Check if the element has any attributes, or not.</td> + <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.hasChildNodes">hasChildNodes</a>()</code><br> + Check if the element has any child nodes, or not.</td> + <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.insertBefore">insertBefore</a>( <a href="pt/DOM/Node">insertedNode</a>, <a href="pt/DOM/Node">adjacentNode</a> )</code><br> + Inserts the first node before the second, child, Node in the DOM.</td> + <td><a href="pt/DOM/Node">Node</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.normalize">normalize</a>()</code><br> + Clean up all the text nodes under this element (merge adjacent, remove empty).</td> + <td>-</td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.removeAttribute">removeAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Remove the named attribute from the current node.</td> + <td>-</td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.removeAttributeNS">removeAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Remove the attribute with the specified name and namespace, from the current node.</td> + <td>-</td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <th>Nome & Descrição</th> + <th>Retorna</th> + <th>Disponibilidade</th> + </tr> + <tr> + <td><code><a href="pt/DOM/element.removeAttributeNode">removeAttributeNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br> + Remove the node representation of the named attribute from the current node.</td> + <td>-</td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.removeChild">removeChild</a>( <a href="pt/DOM/Node">removedNode</a> )</code><br> + Removes a child node from the current element.</td> + <td><a href="pt/DOM/Node">Node</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.removeEventListener">removeEventListener</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">type</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Function">handler</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">useCapture</a> )</code><br> + Removes an event listener from the element.</td> + <td>-</td> + <td><small><a href="pt/DOM/event">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.replaceChild">replaceChild</a>( <a href="pt/DOM/Node">insertedNode</a>, <a href="pt/DOM/Node">replacedNode</a> )</code><br> + Replaces one child node in the current element with another.</td> + <td><a href="pt/DOM/Node">Node</a></td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.scrollIntoView">scrollIntoView</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">alignWithTop</a> )</code><br> + Scrolls the page until the element gets into the view.</td> + <td>-</td> + <td><small><a href="pt/HTML">HTML</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.setAttribute">setAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">value</a> )</code><br> + Set the value of the named attribute from the current node.</td> + <td>-</td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.setAttributeNS">setAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">value</a> )</code><br> + Set the value of the attribute with the specified name and namespace, from the current node.</td> + <td>-</td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.setAttributeNode">setAttributeNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/DOM/Attr">attrNode</a> )</code><br> + Set the node representation of the named attribute from the current node.</td> + <td>-</td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + <tr> + <td><code><a href="pt/DOM/element.setAttributeNodeNS">setAttributeNodeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/DOM/Attr">attrNode</a> )</code><br> + Set the node representation of the attribute with the specified name and namespace, from the current node.</td> + <td>-</td> + <td><small><a href="pt/DOM">All</a></small></td> + </tr> + </tbody> +</table> + +<h3 id="Event_Handlers" name="Event_Handlers">Event Handlers</h3> + +<p>These are properties that correspond to the HTML 'on' event attributes.</p> + +<p>Unlike the corresponding attributes, the values of these properties are functions (or any other object implementing the <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener">EventListener</a> interface) rather than a string. In fact, assigning an event attribute in HTML creates a wrapper function around the specified code. For example, given the following HTML:</p> + +<pre><div onclick="foo();">click me!</div> +</pre> + +<p>If <code>element</code> is a reference to this <code>div</code>, the value of <code>element.onclick</code> is effectively:</p> + +<pre>function onclick(event) { + foo(); +} +</pre> + +<p>Note how the <a href="pt/DOM/event">event</a> object is passed as parameter <code>event</code> to this wrapper function.</p> + +<dl> + <dt><a href="pt/DOM/element.onblur">onblur</a></dt> + <dd>Returns the event handling code for the blur event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onchange">onchange</a></dt> + <dd>Returns the event handling code for the change event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onclick">onclick</a></dt> + <dd>Returns the event handling code for the click event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.ondblclick">ondblclick</a></dt> + <dd>Returns the event handling code for the dblclick event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onfocus">onfocus</a></dt> + <dd>Returns the event handling code for the focus event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onkeydown">onkeydown</a></dt> + <dd>Returns the event handling code for the keydown event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onkeypress">onkeypress</a></dt> + <dd>Returns the event handling code for the keypress event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onkeyup">onkeyup</a></dt> + <dd>Returns the event handling code for the keyup event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onmousedown">onmousedown</a></dt> + <dd>Returns the event handling code for the mousedown event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onmousemove">onmousemove</a></dt> + <dd>Returns the event handling code for the mousemove event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onmouseout">onmouseout</a></dt> + <dd>Returns the event handling code for the mouseout event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onmouseover">onmouseover</a></dt> + <dd>Returns the event handling code for the mouseover event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onmouseup">onmouseup</a></dt> + <dd>Returns the event handling code for the mouseup event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onresize">onresize</a></dt> + <dd>Returns the event handling code for the resize event.</dd> +</dl> + +<dl> + <dt><a href="pt/DOM/element.onscroll">onscroll</a></dt> + <dd>Returns the event handling code for the scroll event.</dd> +</dl> + +<div class="noinclude"> </div> + +<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2> + + + +<p>{{Compat("api.Element")}}</p> |