Comment obtenir la marge, le rembourrage, la hauteur, la bordure, etc. dans Div. Vous pouvez dire que vous pouvez l'obtenir directement avec document.getElementById ("id"). Mais ce que vous avez dit ne peut obtenir que les attributs écrits directement dans l'étiquette, et les attributs à l'extérieur du style d'étiquette ne peuvent pas être obtenus (comme les attributs du fichier CSS). Les méthodes suivantes peuvent être obtenues.
Les rendus d'instance sont les suivants:
JS ne peut pas obtenir directement les attributs dans le CSS lors de l'obtention de l'attribut CSS, vous avez donc besoin d'une méthode pour ce faire.
GetStyle (OBJ, att) Méthode d'appel Description: OBJ est l'objet, ARTH est une compatibilité du nom d'attribut doit être compatible avec l'écriture de JS (voir: JS peut contrôler le style du style).
Code JS
Copier le code du code comme suit:
Function getStyle (obj, att) {
var ie =! + "/ v1";
Iftr == "backgroundPosition") {// ie6 ~ 8 n'est pas compatible avec l'écriture de fond pour identifier BackgroundPositionX / Y
if (ie) {{
Return obj.currentStyle.backgroundPositionx + "+ obj.currentStyle.backroundPositiony;
}
}
if (obj.currentStyle) {
Return obj.currentStyle [att];
}
autre {
Return document.defaultView.getCompuledStyle (obj, null) [att];
}
}
Code de test d'instance complet:
Code html
Copier le code du code comme suit:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312" /> />
<Title> JS Obtenez la valeur d'attribut CSS dans la classe d'un certain élément </Title>
<Style>
# Box1 {marge: 5px;
A {Border: 1px Solid #CCC; 12px;}
A: Hover {Color: # FF0000;
</ style>
</ head>
<body>
<div id = "Box1"> CSS de Box1. # Box1 {marge: 5px;
<A href = "javascript:;" onclick = "getcss ('margintop')"> obtenez le margin-top </a> <br /> <br />
<A href = "javascript:;" onclick = "getcss ('paddingtop')"> obtenez le padding-top </a> </> <br />
<A href = "javascript:;" onclick = "getcss ('height')"> obtenir la hauteur </a> <br />
<cript>
// Obtenez la valeur d'attribut en classe
var divs = document.getElementById ("Box1");
Function getStyle (obj, att) {
var ie =! + "/ v1";
Iftr == "backgroundPosition") {// ie6 ~ 8 n'est pas compatible avec l'écriture de fond pour identifier BackgroundPositionX / Y
if (ie) {{
Return obj.currentStyle.backgroundPositionx + "+ obj.currentStyle.backroundPositiony;
}
}
if (obj.currentStyle) {
Return obj.currentStyle [att];
}
autre {
Return document.defaultView.getCompuledStyle (obj, null) [att];
}
}
Fonction getcss (typ) {
Alert (getStyle (divs, typ));
}
</cript>
</docy>
</html>