poner color en getelement

[maire]

como hago para ponerle color a esto, yo quiero que cuando el usario ponga el mail erroneo le salga la letra en rojo y fuente de 11px..

document.getElementById( 'errorEmail' ).innerHTML = 'Mail erroneo' ;

[maycolalvarez]

usando CSS:

document.getElementById( 'errorEmail' ).innerHTML = '<span style="color:#FF0000; font-size: 11px;">Mail erróneo</span>' ;

seria mejor usar una clase CSS y definir el estilo en una *.css, saludos

PD: la ortografía en una web es imprescindible

[Lynxcraft]

1ª opción

Código PHP:

   
document.getElementById( 'errorEmail' ).innerHTML = '<div style="color:#F00; font-size:11px">Mail erroneo</div>' ; 
   

2ª opción

Código PHP:

   
document.getElementById( 'errorEmail' ).innerHTML = '<div class="error">Mail erroneo</div>' ; 
   

en el css

Código PHP:

   
.error{ color:#F00; font-size:11px} 
   

[maycolalvarez]

@Lynxcraft recuerda que <div> es un elemento de bloque y puede romper la estructura de lo que lleva el usuario, por eso usé <span>, bueno, el usuario al final decide

+karma para tí

[Lynxcraft]

jejej tienes razón XD

[maire]

gracias no me sale porque tengo esto:

document.getElementById( 'errorEmail' ).innerHTML = 'Mail erroneo' ;

[maycolalvarez]

¿que tipo de elemento es errorEmail, un input u otro elemento?: de ser input NO puedes aplicar estilos al contenido de esa forma, tienes que editar directamente su estilo, con:

document.getElementById( 'errorEmail' ).style.color="#FF0000;";