Cómo borrar el atributo de estilo en JavaScript DOM

El Document Object Model (DOM) es una forma de representar una página Web en términos de sus elementos de marcado y contenido. Cada etiqueta HTML se representa como nodo en un árbol DOM. Puede acceder y / o alteración del contenido o estructura de la página haciendo referencia a partes de su árbol DOM en JavaScript. Borrar el atributo "estilo" de un elemento HTML con Javascript para eliminar los estilos CSS que se le aplican.

Instrucciones

1 Inserte el siguiente código entre las etiquetas "cabeza" de su documento HTML:

<Script type = "text / javascript">

función clearStyle (id) {

document.getElementById(id).setAttribute("style","");

document.getElementById (id) .style.cssText = "";

}

</ Script>

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

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

<Div id = estilo "div1" = "font-size: 200%; text-align: center;"> Diseñado texto </ div>

<Input type = "button" value = "Eliminar Estilo" onclick = "clearStyle ( 'div1');" />

3 Guarde la página y lo carga en un navegador Web. Haga clic en el botón para eliminar los estilos desde el elemento DIV. El texto se reduce inmediatamente a su tamaño normal y queda alineado a la izquierda. Asignar un identificador único a cualquier elemento del que desea quitar estilos, a continuación, utilizar su ID en la llamada a "clearStyle."