人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSで質問です。

テーブル中心のサイトにJavaScriptでフォントサイズ変更の
システムを入れたく思っております。

document.body.fontSize

で、bodyのフォントは変更できるのですが
td全体のフォントの変更は

document.td.fontSize

では、エラーになるため、別の方法があるのかと思いますが
お教えいただけませんでしょうか?

●質問者: makocan
●カテゴリ:インターネット ウェブ制作
✍キーワード:BODY CSS JavaScript エラー サイズ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Mars
●35ポイント

px指定すると文字サイズ変更ができないのは、メジャーブラウザではIEだけだと思うのでIEだけで機能すればいいんじゃないかと思う。

IEだけでいいならzoomプロパティが使える。

ってわけでzoomを使ったサンプルです。

(IE7でも文字サイズ変更は効かないけどzoom機能が標準で付いたので下の例ではIE7未満としています。)

<html>
<head>
<title></title>
<style type="text/css">
body,table {font-size:12px;}
</style>
<script type="text/javascript">
function setZoom(SIZE){
 document.body.style.zoom = SIZE;
}
</script>
</head>
<body>
<!--[if lt IE 7]>
<p>
<button type="button" onclick="setZoom('75%')">文字小</button>
<button type="button" onclick="setZoom('100%')">標準</button>
<button type="button" onclick="setZoom('125%')">文字大</button>
</p>
<![endif]-->
<table>
<tr><td>サンプル</td></tr>
</table>
</body>
</html>

zoomプロパティについて

http://www.htmq.com/style/zoom.shtml

Conditional Commentsについて

http://www.keynavi.net/ja/bugh/comments.html

ご質問の回答としてはやや私見が入っていますが参考までに。


2 ● GoldenDawn
●35ポイント
tdElm = document.getElementsByTagName('td') ;
for (i = 0; i < tdElm.length; ++i) tdElm[i].style.fontSize = '5em' ;

http://q.hatena.ne.jp

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ