Cómo borrar el atributo Estilo en JavaScript DOM

Escrito por michael carroll | Traducido por analia moranchel
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo borrar el atributo Estilo en JavaScript DOM
Quita el atributo "style" ("estilo") de un elemento HTML con JavaScript para eliminar los estilos CSS aplicados. (Ryan McVay/Digital Vision/Getty Images)

El Document Object Model (DOM o "Modelo de Objetos del Documento") es una forma de representar una página web en cuanto a su contenido y elementos de marcado. Cada etiqueta HTML se representa como nodo en un árbol DOM. Puedes acceder y modificar el contenido o estructura de la página mediante una referencia a las partes de su árbol DOM en JavaScript. Quita el atributo "style" ("estilo") de un elemento HTML con JavaScript para eliminar los estilos CSS aplicados.

Nivel de dificultad:
Fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Introduce el siguiente código entre las etiquetas "head" del documento HTML:

    <script type="text/javascript"> function clearStyle(id){ document.getElementById(id).setAttribute("style",""); document.getElementById(id).style.cssText=""; } </script>

    La segunda línea es necesaria para hacer el código compatible con Internet Explorer.

  2. 2

    Agrega el siguiente código en el cuerpo del documento HTML para probar la función "clearStyle":

    <div id="div1" style="font-size:200%;text-align:center;">Texto con estilo</div> <input type="button" value="Remove Style" onClick="clearStyle('div1');" />

  3. 3

    Guarda la página y cárgala en un navegador web. Haz clic en el botón para quitar los estilos del elemento DIV. El texto inmediatamente se encoge al tamaño normal y se convierte en alineado a la izquierda. Asigna un identificador único a cualquier elemento al que deseas eliminar estilos y, a continuación, utiliza su ID en la llamada a "clearStyle".

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles