Wie man den Rand, die Polsterung, die Höhe, den Rand usw. in Div erhalten. Sie können sagen, dass Sie es direkt mit Dokument erhalten können. Was Sie jedoch gesagt haben, kann nur die direkt im Etikett geschriebenen Attribute erhalten, und die Attribute außerhalb des Etikettenstils können nicht erhalten werden (z. B. die Attribute in der CSS -Datei). Die folgenden Methoden können erhalten werden.
Die Instanz -Renderings sind wie folgt:
JS kann die Attribute im CSS beim Erhalten des CSS -Attributs nicht direkt erhalten. Daher benötigen Sie eine Methode, um dies zu tun.
GetStyle (OBJ, Attr) Rufmethode Beschreibung: OBJ ist das Objekt, Attr ist eine Kompatibilität des Attributnamens muss mit dem Schreiben von JS kompatibel sein (siehe: JS kann den Stil des Stils steuern).
JS -Code
Kopieren Sie den Code -Code wie folgt:
Funktion getStyle (obj, attr) {
var ie =!+"/v1";
IFTR == "Hintergrundposition") {// IE6 ~ 8 ist nicht mit dem Schreiben von Hintergrundposition kompatibel, um Hintergrundpositionx/Y zu identifizieren
if (dh) {{{{{{{{
Return obj.currentStyle.backgroundPositionx +" +obj.currentStyle.backroundPositiony;
}
}
if (obj.currentStyle) {
Return obj.currentStyle [attr];
}
anders {
Return document.defaultView.getComputedStyle (obj, null) [attr];
}
}
Vollständiger Instanz -Testcode:
HTML -Code
Kopieren Sie den Code -Code wie folgt:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> Js erhalten den CSS -Attributwert in der Klasse eines bestimmten Elements </title>
<Styles>
#Box1 {Margin: 5px;
A {Grenze: 1PX #CCC; 12px;}
A: Hover {Farbe: #ff0000;
</style>
</head>
<body>
<div id = "box1"> box1s css.#box1 {margin: 5px;
<A href = "JavaScript:;"
<A href = "JavaScript:;"
<A href = "JavaScript:;"
<Script>
// Erhalten Sie den Attributwert in der Klasse
var divs = document.getElementById ("box1");
Funktion getStyle (obj, attr) {
var ie =!+"/v1";
IFTR == "Hintergrundposition") {// IE6 ~ 8 ist nicht mit dem Schreiben von Hintergrundposition kompatibel, um Hintergrundpositionx/Y zu identifizieren
if (dh) {{{{{{{{
Return obj.currentStyle.backgroundPositionx +" +obj.currentStyle.backroundPositiony;
}
}
if (obj.currentStyle) {
Return obj.currentStyle [attr];
}
anders {
Return document.defaultView.getComputedStyle (obj, null) [attr];
}
}
Funktion getCss (Typ) {
Alarm (getStyle (Divs, Typ));
}
</script>
</body>
</html>