JSで文字の大きさの変更のプログラムを作っております。

各文字列をclassで、しかもpxで、文字の大きさを指定してしまっているのですが
これを変更するにはどうすればいいでしょうか??

例えば

<p class="style1">テスト</p>

.style1{
font-size : 9px;
}

というのが複数個あり、この文字列の大きさを変更したいです。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/12/20 02:42:45
  • 終了:2007/12/27 02:45:02

回答(2件)

id:tanukichi800 No.1

tanukichi800回答回数31ベストアンサー獲得回数32007/12/20 03:08:03

ポイント35pt

classでなくidで指定してあったらgetElementByIdが使えるので簡単ですね。

http://www.openspc2.org/JavaScript/reference4/CSS/fontSize/index...


getElementsByClassというのが標準で存在しないので

http://oshiete1.goo.ne.jp/kotaeru.php3?q=2064524

のような方法を使うことになります。


まとめると

function resizebyclass(classname,size){

  var el = document.getElementsByTagName('*');

  for(var i = 0; i < el.length; i++){

    if(el[i].className == classname){

      el[i].style.fontSize = size + "px";

    }

  }

}

resizebyclass('style1',12);

ということをやればいいです。


またはこういうライブラリを使ってgetElementsByClassを使うのもいいでしょう。

http://www.dustindiaz.com/top-ten-javascript/

id:y-kawaz No.2

y-kawaz回答回数1421ベストアンサー獲得回数2262007/12/20 10:31:34

ポイント35pt

多分に以下のURLで開設されている内容かと思います。

http://www.kawaz.jp/pukiwiki/?JavaScript%A5%E1%A5%E2#wb6005c8


この解説のデモページで実際の実装をしたjsがあるので、この中の setCssValue 関数を使うことで実現できるんじゃないでしょうか?

例えば .style1 クラスの font-size を 20px にするには以下のようにすればよいと思います。

setCssValue('.style1', 'fontSize', '20px');

第2引数のスタイル名は CSS での表記ではなく Javascript の style オブジェクトのプロパティ形式で指定します。

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

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

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

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

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