Como obter a margem, preenchimento, altura, borda, etc. em div. Você pode dizer que pode obtê -lo diretamente com o documento.getElementById ("ID"). Mas o que você disse só pode obter os atributos escritos diretamente no rótulo, e os atributos fora do estilo do rótulo não podem ser obtidos (como os atributos no arquivo CSS). Os seguintes métodos podem ser obtidos.
As renderizações da instância são as seguintes:
O JS não pode obter diretamente os atributos no CSS ao obter o atributo CSS, portanto, você precisa de um método para fazer isso.
GetStyle (obj, attr) Método de chamada Descrição: OBJ é o objeto, o att é uma compatibilidade do nome do atributo deve ser compatível com a escrita de JS (consulte: JS pode controlar o estilo do estilo).
Código JS
Copie o código do código da seguinte forma:
Função getStyle (obj, att) {
var ie =!+"/v1";
Iftr == "BordalPposition") {// ie6 ~ 8 não é compatível com a redação de BackgroundPosition para identificar BacthEngPositionx/y
if (ie) {{
Retornar obj.currentstyle.backgroundPositionX +" +obj.currentstyle.backRoundPositiony;
}
}
if (obj.currentstyle) {
Retornar obj.currentStyle [att];
}
outro {
Retornar document.defaultView.getComputedStyle (obj, null) [att];
}
}
Código de teste completo da instância:
Código HTML
Copie o código do código da seguinte forma:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<Title> JS Obtenha o valor do atributo CSS na classe de um certo elemento </ititle>
<Estilo>
#Box1 {margem: 5px;
A {Border: 1px Solução #ccc; 12px;}
A: Hover {color: #ff0000;
</style>
</head>
<Body>
<div id = "Box1"> CSS da Box1.#Box1 {margem: 5px;
<A href = "javascript:;"
<A href = "javascript:;"
<A href = "javascript:;
<Cript>
// Obtenha o valor do atributo na aula
var divs = document.getElementById ("Box1");
Função getStyle (obj, att) {
var ie =!+"/v1";
Iftr == "BordalPposition") {// ie6 ~ 8 não é compatível com a redação de BackgroundPosition para identificar BacthEngPositionx/y
if (ie) {{
Retornar obj.currentstyle.backgroundPositionX +" +obj.currentstyle.backRoundPositiony;
}
}
if (obj.currentstyle) {
Retornar obj.currentStyle [att];
}
outro {
Retornar document.defaultView.getComputedStyle (obj, null) [att];
}
}
Função getcss (tip) {
Alerta (getStyle (divs, typ));
}
</script>
</body>
</html>