divでマージン、パディング、高さ、境界などを取得する方法。 document.getElementbyid( "id")で直接取得できると言うことができます。しかし、あなたが言ったことは、ラベルに直接記述された属性のみを取得することができ、ラベルスタイルの外側の属性(CSSファイルの属性など)を取得することはできません。次の方法を取得できます。
インスタンスレンダリングは次のとおりです。
JSは、CSS属性を取得するときにCSSの属性を直接取得できないため、これを行うには1つの方法が必要です。
getStyle(obj、attr)呼び出し方法説明:objはオブジェクトです。
JSコード
次のようにコードコードをコピーします。
関数getStyle(obj、attr){
var ie =!+"/v1"; //単純な判断IE6〜8
iftr == "backgroundposition"){// ie6〜8は、backgroundpositionの書き込みと互換性がありません。
if(ie){{
Obj.CurrentStyle.BackGroundPositionX +" +obj.CurrentStyle.BackRoundPositionyを返します。
}
}
if(obj.currentstyle){
obj.currentStyle [attr]を返します。
}
それ以外 {
Document.defaultView.getComputedStyle(OBJ、null)[attr];
}
}
完全なインスタンステストコード:
HTMLコード
次のようにコードコードをコピーします。
<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<メタhttp-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> js特定の要素のクラスでCSS属性値を取得</title>
<style>
#box1 {5px;
{border#ccc:3px 5px: 12px;}
A:Hover {color:#ff0000;}
</style>
</head>
<body>
<div id = "box1"#box1 {5px:5px:} </div>
<a href = "javascript :;" onclick = "getcss( 'margintop')"
<a href = "javascript :;" onclick = "getcss( 'paddingtop')"
<a href = "javascript :;" onclick = "getcss( 'height')"
<スクリプト>
//クラスで属性値を取得します
var divs = document.getElementById( "box1");
関数getStyle(obj、attr){
var ie =!+"/v1"; //単純な判断IE6〜8
iftr == "backgroundposition"){// ie6〜8は、backgroundpositionの書き込みと互換性がありません。
if(ie){{
Obj.CurrentStyle.BackGroundPositionX +" +obj.CurrentStyle.BackRoundPositionyを返します。
}
}
if(obj.currentstyle){
obj.currentStyle [attr]を返します。
}
それ以外 {
Document.defaultView.getComputedStyle(OBJ、null)[attr];
}
}
関数getCSS(typ){
アラート(getStyle(div、typ));
}
</script>
</body>
</html>