| ポイント |
<![CDATA[
n = document.getElementById("dv1").currentStyle.fontSize;
]]>
|
| 説 明 |
スタイルシートで指定されたフォントサイズを読み出すにはcurrentStyleを利用します。styleではタグ内で直接指定されたフォントサイズしか取得できないためです。「オブジェクト名.currentStyle.fontSize」のように指定し値を読み出したり設定したりします。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>スタイルシートで定義されたフォントサイズを読み出す</title>
<style type="text/css"><!--
.fs { font-size : 10px; }
--></style>
<script Language="JavaScript"><!--
function checkSize()
{
n = document.getElementById("dv1").currentStyle.fontSize;
alert("サイズ：" + n);
}
// --></script>
</head>
<body>
スタイルシートで定義されたフォントサイズを読み出します。<br>
<br>
<a href="javaScript:checkSize()">下の文字のフォントサイズチェック</a><br><br><br>
<div id="dv1" class="fs">Sample Text</div>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
スタイルシートで定義されたフォントサイズを読み出す