¿Puedo usar JavaScript para establecer el atributo 'nombre'?

Question

De acuerdo con SitePoint (y mis propios experimentos), la implementación de IE de "setAttribute()" es defectuosa y no confiable.

También según SitePoint, el atributo name es de solo lectura.

¿Hay alguna otra manera en que pueda establecer los atributos name en los elementos? Necesito esto para usar con botones de radio. Si es posible, me gustaría una solución sin jQuery, ya que actualmente no estoy usando la biblioteca.

¡Gracias de antemano!

Answer 1

Sitepoint lies está hablando de un uso diferente de 'name' (ver el comentario de Anthony). No es de solo lectura, es solo que hay un error de IE de larga data (hasta v7) donde la configuración de 'nombre' en los campos de formulario solo es parcialmente efectiva. Los botones de radio, en particular, no lo aceptan correctamente.

La solución respaldada por Microsoft, as detailed here es utilizar un misfeature horrible de la versión de IE de la llamada createElement para establecer los atributos al mismo tiempo:

var radio= document.createElement('<input type="radio" name="test" value="a" />'); 

Probablemente una mejor manera sería simplemente usar el bueno de innerHTML, por ejemplo .:

var div= document.createElement('div'); 
div.innerHTML= '<input type="radio" name="test" value="a" />'; 
var radio= div.firstChild; 

Answer 2

La propiedad del nombre no se lee solo para los elementos de entrada.

Ver the spec.

Answer 3

¿Ha intentado simplemente asignar un nuevo nombre a los elementos name propiedad? No estoy seguro de qué tan cruzado es ese navegador pero funciona con cualquier cosa que soporte el nivel DOM 1.

¿No estoy seguro de por qué usaría setAttribute para realizar esto?

Answer 4

Esto funcionó para mí

alert(document.getElementById('testInput').name); 
document.getElementById('testInput').name = 'someName'; 
alert(document.getElementById('testInput').name); 

Con

<input type="radio" name="test" id="testInput" /> 

Answer 5

En cuanto a W3C DOM Compatibility - Core se podría tratar de usar setAttributeNode() en lugar de setAttribute(). Puede funcionar en IE 6 y superior.

Answer 6

IE DOM no me permite cambiar el atributo de nombre en el tiempo de ejecución. Sin embargo, al usar jQuery para actualizar , el atributo de nombre funciona en IE. Probé en IE9. Para ejemplos,

<input id="ID0E2B" name="Field2" value="3" type="radio" /> 
$("#ID0E2B").attr("name", newName);