この記事の例では、JSの外部リンクスタイルを取得する方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
一般に、<div id = "div1"> </div>など、要素のインラインスタイルを設定します。そのスタイルを取得するには、document.getElementById( "div1")。style.widthで取得または設定できます。ただし、スタイルが外部リンクまたはページの非ラインスタイルにある場合、取得できません。
標準のブラウザでは、window.getComputedStyll(OBJ、null)[Property]を使用して外部リンクスタイルを取得できますが、IEブラウザでは、obj.currentstyleを使用して取得できます。
完全なHTMLコードは次のとおりです。
次のようにコードをコピーします:<!doctype html>
<html>
<head>
<Title> js GET ELEMENT ENEMENT外部リンクスタイル</title> <ベースターゲット= "_ blank"/>
<style type = "text/css">
p {
幅:500px;
Line-Height:30px;
}
</style>
<スクリプトsrc = "jquery/jquery-1.11.2.min.js">
</script>
<スクリプト>
関数getStyle(obj、プロパティ){
if(obj.currentstyle){
obj.currentStyle [プロパティ]を返します。
} else if(window.getComputedStyle){
return document.defaultview.getComputedStyle(OBJ、null)[Property]; // Window.getComputedStyleを通してスタイルを取得することもできます。
}
nullを返します。
}
$(document).ready(function(){
$( "p")。クリック(function(){
アラート(getStyle(this、 "width"));
});
});
</script>
</head>
<body>
<p>私をクリックすると、幅がポップアップします。 </p>
<p>私をクリックして幅をポップアップします。 </p>
<p>私もクリックします〜o(∩_∩)o〜。 </p>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。