Por qué Javascript pone como valor de input??

corei7 · #1 (**permalink**) 09/01/2014, 17:00

Hola, tengo una función Javascript que crea un elemento (input) y le asigna un valor y estilos... dejo el código:

Código:

var newbutton = document.createElement('input');
				
//Estilo de input
				newbutton.style.color = "white";
				newbutton.value = "FINALIZAR LLAMADA";
				newbutton.type = "submit";
				newbutton.style.height = "54px";
				newbutton.style.width = "310px";
				newbutton.style.fontFamily = "verdana";
				newbutton.style.fontSize = "16px";
				newbutton.style.margin = "0px";
				newbutton.setAttribute("id", "newb");
				newbutton.setAttribute("name", "enviar");

				if (document.getElementById('newb')){	
	                        
				}else{
				document.getElementById("condiv").appendChild(newbutton);
				document.getElementById("newb").className = "submtx";

En teoría el botón (input) tendría que tener como valor "FINALIZAR LLAMADA" pero en cambio tiene como valor "Enviar consulta"... he buscado documento por documento y no he encontrado ninguna línea que contenga las palabras "Enviar consulta"....

NOTA IMPORTANTE: Este error sólo sucede en Internet Explorer en todos los demás funciona correctamente.

quimfv · #2 (**permalink**) 10/01/2014, 04:02

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="condiv"></div>
<script language="JavaScript" type="text/JavaScript">
var newbutton = document.createElement('input');
    newbutton.style.color = "white";
    newbutton.value = "FINALIZAR LLAMADA";
    newbutton.type = "submit";
    newbutton.style.height = "54px";
    newbutton.style.width = "310px";
    newbutton.style.fontFamily = "verdana";
    newbutton.style.fontSize = "16px";
    newbutton.style.margin = "0px";
    newbutton.setAttribute("id", "newb");
    newbutton.setAttribute("name", "enviar");
document.getElementById("condiv").appendChild(newbutton);
document.getElementById("newb").className = "submtx";
</script>
</body>
</html>

Esto funciona en IE8....

PHPeros · #3 (**permalink**) 10/01/2014, 15:14

El error se debe a que setAttribute() no es soportado en IE 8-. La solución es usar el setter de propiedades de JS.

IsaBelM · #4 (**permalink**) 11/01/2014, 06:56

Cita:

Iniciado por PHPeros

El error se debe a que setAttribute() no es soportado en IE 8-. La solución es usar el setter de propiedades de JS.

sí que es soportado por ie8 y ie7 y 6 también lo soportan siempre y cuando no se establezca estilos

PHPeros · #5 (**permalink**) 11/01/2014, 08:35

http://www.w3schools.com/jsref/met_e...tattribute.asp

Vale, entonces ya no me vuelvo a fiar de la documentación de W3Schools

jonni09lo · #6 (**permalink**) 11/01/2014, 09:22

Cita:

Iniciado por PHPeros

http://www.w3schools.com/jsref/met_e...tattribute.asp

Vale, entonces ya no me vuelvo a fiar de la documentación de W3Schools

Nunca debes de fiarte en ellos http://www.w3fools.com/

Saludos