Cómo obtener el margen, el acolchado, la altura, el borde, etc. en Div. Puede decir que puede obtenerlo directamente con document.getElementById ("ID"). Pero lo que dijo solo puede obtener los atributos escritos directamente en la etiqueta, y los atributos fuera del estilo de la etiqueta no se pueden obtener (como los atributos en el archivo CSS). Se pueden obtener los siguientes métodos.
Las representaciones de la instancia son las siguientes:
JS no puede obtener directamente los atributos en el CSS al obtener el atributo CSS, por lo que necesita un método para hacerlo.
GetStyle (OBJ, ATtr) Método de llamada Descripción: OBJ es el objeto, ATTR es una compatibilidad del nombre del atributo debe ser compatible con la escritura de JS (consulte: JS puede controlar el estilo del estilo).
Código JS
Copiar código del código de la siguiente manera:
Función getStyle (obj, attr) {
var ie =!+"/v1";
Iftr == "BackgroundPosition") {// ie6 ~ 8 no es compatible con la escritura de posposición de fondo para identificar backgroundpositionx/y
if (es decir) {{
Return obj.CurrentStyle.BackgroundPositionx +" +obj.currentStyle.backRoundPositiony;
}
}
if (obj.currentstyle) {
Regresar obj.CurrentStyle [attr];
}
demás {
Return document.defaultView.getComputedStyle (obj, null) [attr];
}
}
Código de prueba de instancia completa:
Código HTML
Copiar código del código de la siguiente manera:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> JS Obtenga el valor del atributo CSS en la clase de cierto elemento </title>
<Estilo>
#Box1 {margen: 5px;
A {Border: 1px #CCC; 12px;}
A: Hover {Color: #FF0000;
</style>
</ablo>
<Body>
<Div ID = "Box1"> CSS de Box1.
<A href = "javascript :;"
<A href = "javascript :;"
<A href = "javascript :;"
<script>
// Obtener el valor del atributo en clase
var divs = document.getElementById ("Box1");
Función getStyle (obj, attr) {
var ie =!+"/v1";
Iftr == "BackgroundPosition") {// ie6 ~ 8 no es compatible con la escritura de posposición de fondo para identificar backgroundpositionx/y
if (es decir) {{
Return obj.CurrentStyle.BackgroundPositionx +" +obj.currentStyle.backRoundPositiony;
}
}
if (obj.currentstyle) {
Regresar obj.CurrentStyle [attr];
}
demás {
Return document.defaultView.getComputedStyle (obj, null) [attr];
}
}
Función getCSS (typ) {
Alerta (getStyle (divs, typ));
}
</script>
</body>
</html>