In diesem Artikel wird beschrieben, wie der externe Linkstil von JS erhalten wird. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Setzen Sie im Allgemeinen Inline -Stile für Elemente wie <div id = "div1"> </div>. Um seinen Stil zu erhalten, können Sie ihn per Document.GetElementById ("Div1"). Style.width erhalten oder festlegen. Wenn sich der Stil jedoch im externen Link oder im Nicht-Line-Stil der Seite befindet, kann er nicht erhalten werden.
In einem Standardbrowser können Sie Windows.getComputedstyll (OBJ, NULL) [Eigenschaft] verwenden, um den externen Linkstil zu erhalten. In einem IE -Browser können Sie jedoch obj.currentStyle verwenden, um ihn zu erhalten.
Der vollständige HTML -Code lautet wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html>
<html>
<kopf>
<title> Js Element EXTERNAL LINK STYLE </title> <Basis target = "_ leer"/>
<style type = "text/css">
P {
Breite: 500px;
Zeilenhöhe: 30px;
}
</style>
<script src = "jQuery/jQuery-1.11.2.min.js">
</script>
<Script>
Funktion getStyle (obj, Eigenschaft) {
if (obj.currentStyle) {
Rückgabe obj.currentStyle [Eigentum];
} else if (window.getComputedStyle) {
return document.defaultView.getComputedStyle (OBJ, NULL) [Eigenschaft]; // oder Sie können den Stil auch über windowscomputedStyle erhalten
}
null zurückkehren;
}
$ (Dokument) .Ready (function () {
$ ("P"). Click (function () {
alarm (GetStyle (this, "width"));
});
});
</script>
</head>
<body>
<p> Wenn Sie auf mich klicken, taucht die Breite auf. </p>
<P> Klicken Sie auf mich, um die Breite zu erzählen. </p>
<p> Klicken Sie auch auf mich ~ o (∩__∩) o ~. </p>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.