要素の外部リンクを取得する js メソッド style_javascript スキル

この記事の例では、要素の外部リンク スタイルを取得する js メソッドについて説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

通常は、

などの要素のインライン スタイルを設定します。スタイルを取得したい場合は、document.getElementById("div1").style.width を取得または設定できます。ただし、スタイルが外部リンクまたはページの非インライン スタイルにある場合は取得できません。

標準ブラウザでは、window.getComputedStyll(obj,null)[property] を通じて外部リンク スタイルを取得できますが、IE ブラウザでは、obj.currentStyle を通じて取得できます。

完全な HTML コードは次のとおりです:

コードをコピーします コードは次のとおりです:

<頭>


<スクリプト src="jquery/jquery-1.11.2.min.js">

<スクリプト>
関数 getstyle(obj,property){
if(obj.currentStyle){
obj.currentStyle[プロパティ]を返します;
}else if(window.getComputedStyle){
return document.defaultView.getComputedStyle(obj,null)[property];//または、window.getComputedStyle
を通じてスタイルを取得することもできます }
null を返す;
}

$(document).ready(function(){
$("p").click(function(){
alert(getstyle(this,"width"));
});
});

<本文>

私をクリックすると、幅がポップアップ表示されます。

クリックすると幅が表示されます。

クリックもお願いします～O(∩_∩)O～。