Este ejemplo de artículo describe cómo obtener el estilo de enlace externo de JS. Compártelo para su referencia. El análisis específico es el siguiente:
En general, establezca estilos en línea para elementos, como <div id = "div1"> </div>. Para obtener su estilo, puede obtenerlo o configurarlo por document.getElementById ("Div1"). Style.width. Sin embargo, si el estilo está en el enlace externo o en el estilo sin línea de la página, no se puede obtener.
En un navegador estándar, puede usar Window.getComputedStyll (OBJ, NULL) [Propiedad] para obtener el estilo de enlace externo, pero en un navegador IE, puede usar OBJ.CurrentStyle para obtenerlo.
El código HTML completo es el siguiente:
Copie el código de la siguiente manera: <! DocType Html>
<html>
<Evista>
<title> JS Get Element Style de enlace externo </title> <base Target = "_ Blank"/>
<style type = "text/css">
pag {
Ancho: 500px;
Línea de altura: 30px;
}
</style>
<script src = "jQuery/jQuery-1.11.2.min.js">
</script>
<script>
función getStyle (obj, propiedad) {
if (obj.currentstyle) {
devolver obj.CurrentStyle [propiedad];
} else if (window.getComputedStyle) {
return document.defaultView.getComputedStyle (obj, null) [propiedad]; // o también puede obtener el estilo a través de Window.getComputedStyle
}
regresar nulo;
}
$ (documento) .Ready (function () {
$ ("P"). Click (function () {
alerta (getStyle (esto, "ancho"));
});
});
</script>
</ablo>
<Body>
<p> Si hace clic en mí, aparece el ancho. </p>
<p> Haz clic en mí para aparecer el ancho. </p>
<p> Haz clic en mí también ~ o (∩_∩) o ~. </p>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.