Limpiar formulario: setAttribute("value", "") - VS - value=""

[Dude--]

Código:

function limpiar_formulario(origen)
{
	var formulario = document.getElementById(origen);
	for (var i=0; i <= formulario.elements.length-1;i++) 
			{
				if (formulario.elements[i].type != "button")
				{
					//formulario.elements[i].setAttribute("value", "");
					formulario.elements[i].value = "";
				}
			}
}

Si utilizo setAttribute("value", ""); no se borran los campos que el usuario haya modificado en ese momento, por el contrario si se borran los que estén pre-cargados (mediante acceso a una BD) en el formulario, supongo que estos últimos si están dentro de la propiedad value del html....

Sin embargo si utilizo formulario.elements[i].value = ""; funciona en ambos casos, que es lo que inicialmente se pretende.

¿Por qué ocurre esto?

[Tecna]

Buenas,

yo diría que tiene que ver con la jerarquía de las clases de la API del DOM . Tu estás haciendo referencia a los elementos del formulario como elementos del array elements[ ] que es una propiedad del objeto form que está dentro de HTMLDocument que a su vez está dentro de Document.

Sin embargo la definición de las propiedades para los atributos estandar (algunas, otras tienen su propia interfaz, pero también dentro de Element) se encuentra en la interfaz HTMLElement que esta dentro de Element pero no de Document.

El método SetAttribute también pertecene a Element y tu lo estabas mezclando con Document. Por otro lado como las propiedades de los atributos estandar ya están predefinidas solo se deberia usar SetAttribute para establecer atributos no estandar y para cambiar los ya definidos hacerlo a través de la propiedad correspondiente como has hecho con value en:

formulario.elements[ i ].value = '';

[Dude--]

No he entendido lo que comentas sobre la interfaz HTMLDocument dentro de Document y HTMLElement dentro de Element ¿podrías facilitarme algún enlace sobre el tema o alguna otra explicación?

Gracias.