Usando createAttribute vs. simplemente estableciendo el atributo directamente?

Question

en JavaScript, podemos crear un nuevo elemento DOM de la siguiente manera ...

Al utilizar el createAttribute() + setAttributeNode() métodos DOM:

var input = document.createElement("input"), 
    type = document.createAttribute("type"); 

type.nodeValue = "text"; 
input.setAttributeNode(type); 
container.appendChild(input); 

o por sólo la creación de los atributos directamente :

var input = document.createElement("input"); 

input.type = "text"; 
container.appendChild(input); 

Este último puede ser bastante menos código, incluso cuando solo hay un par de atributos por elemento.

La pregunta: ¿Alguien ha encontrado alguna desventaja del último método (establecimiento de atributos directamente)?

Probé esto en varios navegadores (los últimos FF, IE, Safari, Opera, IE antiguos - incluso IE6 funcionó) y en una prueba básica (insertando una entrada de texto con atributos tipo, nombre y maxLength) pasaron todos . Here's the fiddle si alguien lo necesita.

Answer 1

document.createAttribute 
document.createAttributeNS 
element.getAttributeNode 
element.getAttributeNodeNS 
... and a lot of others 

quedará obsoleta en DOM4, por lo que no lo use, apenas se fija con setAttribute ("nombre", "valor")

http://www.w3.org/TR/dom/#element

someinput.type es diferente básicamente es un atajo para hacer

setAttribute("type","text"); 
getAttribute("text"); 

Espero que esto ayude!

element._some_attribute_ is not available for all attributes, just some: 
element.dir 
element.lang 
element.id 
...etc 

Answer 2

Aparentemente IE 5.5 tiene problemas con el uso del nombre del atributo (es decir node[attributeName]). Quirksmode has this well documented.