Tecnología

Inicio

Cómo deshabilitar la libración CSS con JavaScript

October 1

Cómo deshabilitar la libración CSS con JavaScript


Hypertext Markup Language (HTML) da acceso a los programadores de páginas Web a través del Document Object Model o DOM. Un programador con conocimientos puede inspeccionar y cambiar las etiquetas HTML, información de estilo y contenido de la página. Estos elementos forman parte del "objeto de documento" y son accesibles con el método de JavaScript getElemenById (). Mientras atributo de la libración de un enlace no es directamente accesible por JavaScript, si se crean dos clases, uno con un atributo de vuelo estacionario y otro sin él, que se puede cambiar con el comando JavaScript "document.getElementById (" idName "). ClassName =" Newclassname. "

Instrucciones

1 Lanzar una aplicación de edición estándar, texto sin formato que está disponible en su ordenador.

2 Introduzca el código siguiente en el editor de texto.

<Html>

<Head>

<Style type = "text / css">

a.mhover: link {color: #verde;}

a.mhover: visited {color: #verde}

a.mhover: hover {color: #rojo;}

a.mhover: activa {color: #amarillo;}

a.yhover: link {color: #verde;}

a.yhover: visited {color: #verde}

a.yhover: activa {color: #amarillo;}

</ Style>

<Script language = "javascript">

funcionar changeClass () {

. Document.getElementById ( "aab") className = "yhover";

}

</ Script>

</ Head>

<Body>

<H1>

<a href="javascript:changeClass()" id="aab" class="mhover"> Haga clic para detener enlace activable. </a>

</ H1>

</ Body>

</ Html>

3 Haga clic en el menú Archivo. Seleccionar la opción "Guardar". Guardar con el nombre de archivo "test.html".

4 Iniciar el navegador web que está disponible en su ordenador. Haga clic en la opción de menú "Archivo" y seleccionar "Abrir archivo".

5 Busque el archivo "test.html" acaba de crear, seleccionar con el ratón y haga clic en "Abrir".

Consejos y advertencias

  • El elemento emergente CSS se puede desactivar cuando las cargas de página añadiendo el evento "onload" al cuerpo de la etiqueta. Reemplazar el <body> que se encuentra en el archivo "test.html" y sustituirla por <body onLoad = "javascript: changeClass ()">. Guarde el archivo y vuelva a colocarlo en su navegador para probar el cambio.
  • Los navegadores más antiguos no pueden ejecutar correctamente el cambio de JavaScript del nombre de la clase. Siempre probar el código en diferentes navegadores y versiones anteriores del mismo navegador con el fin de garantizar el código funciona como se esperaba.