blob: 54b7bad202193a23a69eb99d71818e7672bbb0bb (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
---
title: Attr.localName
slug: Web/API/Attr/localName
tags:
- API
- DOM
- Propriedade
- Referencia
translation_of: Web/API/Attr/localName
---
<div>{{APIRef("DOM")}}</div>
<p>A propriedade read-only <code><strong>Attr.localName</strong></code> retorna a parte do local de um nome qualificado de elemento.</p>
<div class="note">
<p>Antes do DOM4 essa API foi definida dentro da interface {{domxref("Node")}}.</p>
</div>
<h2 id="Sintaxe">Sintaxe</h2>
<pre class="syntaxbox"><var>name</var> = <var>attribute</var>.localName
</pre>
<h3 id="Valor_de_retorno">Valor de retorno</h3>
<p>Uma {{domxref("DOMString")}} representando a parte local do nome qualificado do atributo.</p>
<h2 id="Exemplo">Exemplo</h2>
<p>O seguinte exemplo mostra "id" em um diálogo de alerta.</p>
<h3 id="Conteúdo_HTML">Conteúdo HTML</h3>
<pre class="brush: html"><button id="example">Click me</button></pre>
<h3 id="Conteúdo_JavaScript">Conteúdo JavaScript</h3>
<pre class="brush: js">const element = document.querySelector("#example");
element.addEventListener("click", function() {
const attribute = element.attributes[0];
alert(attribute.localName);
});
</pre>
<p>{{ EmbedLiveSample('Example','100%',30) }}</p>
<h2 id="Notas">Notas</h2>
<p>O nome local de um atributo é a parte do nome qualificado do atributo the vem depois da vírgula. Nome qualificados são tipicamente utilizados em XML como parte do namespace(s) de um documento XML em particular.</p>
<div class="note">
<p><strong>Nota:</strong> No {{Gecko("1.9.2")}} e anteriores, a propriedade retorna uma versão em letras maiúsculas do nome local para o atributo DOM do HTML (oposto a atributos XHTML no DOM do XML). Em versões posteriores, em conformidade com o HTML5, a propriedade retorna no caso de armazenamento interno do DOM, que é em letras minúsculas para ambos os atributos HTML no DOM do HTML e XHTML no DOM do XML.</p>
</div>
<h2 id="Especificações">Especificações</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Especificação</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('DOM4', '#interface-attr', 'Attr.localName')}}</td>
<td>{{Spec2('DOM4')}}</td>
<td>Definição inicial</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Recurso</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Suporte básico</td>
<td>46.0<sup>[1]</sup></td>
<td>{{CompatGeckoDesktop("48.0")}}<sup>[1]</sup></td>
<td>{{CompatUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Suporte básico</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatGeckoMobile("48.0")}}<sup>[1]</sup></td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<p>[1] Essa API foi disponibilizada anteriormente na API {{domxref("Node")}}.</p>
<h2 id="Veja_também">Veja também</h2>
<ul>
<li>{{domxref("Attr.namespaceURI")}}</li>
<li>{{domxref("Attr.prefix")}}</li>
<li>{{domxref("Element.localName")}}</li>
<li>{{domxref("Node.localName")}}</li>
</ul>
|
