blob: 22f769d577c88986212f473b7e63bc05d92375ef (
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
|
---
title: Document.createAttribute()
slug: Web/API/Document/crearAtributo
tags:
- Atributos
- Crear Atributo
- JavaScript
- Métodos
translation_of: Web/API/Document/createAttribute
---
<div>{{ ApiRef("DOM") }}</div>
<p>El método <code><strong>Document.createAttribute()</strong></code> crea un nuevo nodo de tipo atributo (attr), y lo retorna. El objeto crea un nodo implementando la interfaz {{domxref("Attr")}}. El DOM no impone que tipo de atributos pueden ser agregados a un particular elemento de esta forma.</p>
<div class="note">
<p>El texto pasado como parametro es convertido a minusculas.</p>
</div>
<h2 id="Syntax" name="Syntax">Sintaxis</h2>
<pre class="syntaxbox"><em>atributo</em> = document.createAttribute(nombre)
</pre>
<h3 id="Parameters" name="Parameters">Parametros</h3>
<ul>
<li><code>nombre</code> es un string conteniendo el nombre del atributo.</li>
</ul>
<h3 id="Valor_que_retorna">Valor que retorna</h3>
<p>Un nodo {{domxref("Attr")}} nodo.</p>
<h3 id="Excepciones">Excepciones</h3>
<ul>
<li><code>INVALID_CHARACTER_ERR</code> si el parametro contiene caracteres invalidos para un atributo XML .</li>
</ul>
<h2 id="Example" name="Example">Ejemplo</h2>
<pre class="brush:js">var nodo = document.getElementById("div1");
var a = document.createAttribute("miAtributo");
a.value = "nuevoVal";
nodo.setAttributeNode(a);
console.log(nodo.getAttribute("miAtributo")); // "nuevoVal"
</pre>
<h2 id="Specification" name="Specification">Especificaciones</h2>
<table class="spectable standard-table">
<tbody>
<tr>
<th scope="col">Especificación</th>
<th scope="col">Estatus</th>
<th scope="col">Comentario</th>
</tr>
<tr>
<td>{{SpecName('DOM WHATWG','#dom-document-createattribute','Document.createAttribute()')}}</td>
<td>{{Spec2("DOM WHATWG")}}</td>
<td>Comportamiento preciso con caracteres en mayuscula </td>
</tr>
<tr>
<td>{{SpecName('DOM3 Core','core.html#ID-1084891198','Document.createAttribute()')}}</td>
<td>{{Spec2('DOM3 Core')}}</td>
<td>Sin cambios</td>
</tr>
<tr>
<td>{{SpecName('DOM2 Core','core.html#ID-1084891198','Document.createAttribute()')}}</td>
<td>{{Spec2('DOM2 Core')}}</td>
<td>Sin cambios</td>
</tr>
<tr>
<td>{{SpecName('DOM1','level-one-core.html#ID-1084891198','Document.createAttribute()')}}</td>
<td>{{Spec2('DOM1')}}</td>
<td>Definición inicial</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidad_del_buscador">Compatibilidad del buscador</h2>
<div class="hidden">La tabla de compatibilidad en esta página es generada desde estructuras de datos. Sí le gustaría contribuir con estos datos, por favor revisar <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> y enviarnos un pull request.</div>
<p>{{Compat("api.Document.createAttribute")}}</p>
<h2 id="Ver_ademas">Ver ademas</h2>
<ul>
<li>{{domxref("Document.createElement()")}}</li>
</ul>
|