2012-10-01 18 views
5

Necesito cambiar el grosor de fuente para un elemento de texto en JavaScript:Cómo hacer un texto en el estilo de fuente/peso negrita en JavaScript

Mi código aquí no funciona:

var btn = document.getElementById('accessibilityButton'); 
btn.innerHTML = 'Default Text'; 
btn.innerHTML.style.fontWeight = 'bold'; 

¿Qué soy yo haciendo mal?

Tenga en cuenta que no quiero utilizar ninguna biblioteca (jQuery et al.) Y estoy buscando una solución JS simple.

+0

Gracias Keyser por editar :-) – GibboK

Respuesta

16

Es necesario utilizar:

btn.style.fontWeight = 'bold'; 

ya que es una propiedad del propio elemento.

Ver: http://jsfiddle.net/6ypS8/

+0

gracias, funciona, voy a aceptar la respuesta ¡gracias! – GibboK

5

Usted debe aplicar su estilo directamente en el botón no en button.innerHTML:

btn.style.fontWeight = 'bold'; 
+0

gracias a lo votado por la respuesta usted! – GibboK

0

mantener el 'return false' para evitar la devolución de datos.

<button id="btn" onclick="this.style.fontWeight = 'bold';return false;" >TEXT</button>

Cuestiones relacionadas