CSSで質問です。


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

document.body.fontSize

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

document.td.fontSize

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/02/03 15:36:58
  • 終了:2008/02/10 15:40:02

回答(2件)

id:Mars No.1

Mars回答回数203ベストアンサー獲得回数202008/02/03 17:15:13

ポイント35pt

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

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

id:GoldenDawn No.2

GoldenDawn回答回数426ベストアンサー獲得回数812008/02/03 17:38:48

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

http://q.hatena.ne.jp

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません