DOM setAttribute & Internet Explorer
El siguiente texto está orientado a desarrolladores web. Quien no pertenezca a este tipo de seres ¿humanos? esquívelo si quiere. Probablemente no entienda una goma :-p
Hago un copy&paste de un mail que mandó Nico (cuando me acuerde la url de su blog la actualizaré :p) a un mail interno de la empresa para compartir su experiencia del día Jueves pasado. Me pareció interesante seguir con la cadena de difusión así que aquí va!
Che, para aquellos que les interese. Acabo de tener dos problemas con el setAttribute del DOM e Internet Explorer. Dos cosas que funcionaban de maravilla en todos los demás browsers, en Internet Explorer pinchaban (eso no es lo extraño).
Las cosas que intentaba hacer era:
1. modificar el atributo “type” de un input.
2. modificar el atributo “class” de cualquier elemento.
Después de darme la cabeza por mucho tiempo hasta ver qué corno era lo que pasaba, encontré algunas cosas:
No se puede cambiar el atributo NAME
“The NAME attribute cannot be set at run time on elements dynamically created with the createElement method. To create an element with a name attribute, include the attribute and value when using the createElement method.”
[Fuente: MSDN]
No se puede cambiar el atributo TYPE
Lo más gracioso es que si hacés un setAttribute(“type”, “algunTipo”) pincha, pero si ponés setAttribute(“TYPE”, “algunTipo”) no, aunque no hace nada.
“As of Microsoft Internet Explorer 5, the |type| property is read/write-once, but only when an |input| element is created with the |createElement| method and before it is added to the document.”
[Fuente: MSDN]
El atributo “class” es “className” en Explorer
Una clase podría setearse como setAttribute(“class”, “valorClases”), pero no en Explorer. Para setear una clase en Explorer hay que hacer un setAttribute(“className”, “nombreClase”), así que hay que hacer ambos para que funcione en ambos lugares.
Creo que hay otros temas con colgar nodos en Explorer, pero no me adentré más porque ya tenía mucha bronca.
Acá hay una página que trata este tema:
http://alt-tag.com/blog/archives/2006/02/ie-dom-bugs/
PD: Esto va al margen de los frameworks onda prototypejs, no da responder “hacelo con prototype”. Tómenlo como información general.
Pablo, 
cessar, 
fernando and 3 others are discussing. 
jasbleidy gonzalez saldaña 5:45 pm on January 15, 2008 Permalink |
que vien esta un poco vien
Carlos 6:12 pm on January 27, 2008 Permalink |
IE es una pendejada.
TiAGO 8:41 pm on January 27, 2008 Permalink |
Es verdad pero hay veces en las que uno no puede decirle al cliente eso :p
fernando 6:53 pm on July 14, 2008 Permalink |
looooco, muchisimas gracias por el post, me libraste de un dolor de cabeza terrible
cessar 12:14 am on September 19, 2008 Permalink |
Es patético que tengamos que lidiar con Internet Explorer sea el 6, 7 o 32. Yo tambien desarrollo scripts para la empresa en la que trabajo y la verdad (y hablando en serio) es cuando uno tiene que calcular una estimaciòn de desarrollo de un script tiene que duplicar un Tiempo. Nunca sabes con que fuck bug o de IE te vas a encontrar.
Pd: Llegue a este link xq estoy lidiando con el muy puto internet Explorer en un caso similar al que describis y el artículo fue de ayuda, gracias.
Pablo 3:14 pm on October 14, 2008 Permalink |
Más de 3 horas tratando de hacer un script relativamente sencillo por culpa de este bendito setAttribute >:(
Gracias, si no hubiese sido por este post, habria sido más tiempo.