---
title: Document.createAttribute()
slug: Web/API/Document/createAttribute
tags:
  - Atributos
  - Crear Atributo
  - JavaScript
  - Métodos
translation_of: Web/API/Document/createAttribute
original_slug: Web/API/Document/crearAtributo
---
<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>



<p>{{Compat("api.Document.createAttribute")}}</p>

<h2 id="Ver_ademas">Ver ademas</h2>

<ul>
 <li>{{domxref("Document.createElement()")}}</li>
</ul>