3

JavaScript 関数を使用してページのフォント サイズを大きくしようとしていますが、うまくいきません。私のコードに構文上の問題がありますか、それとも私がやろうとしていることができないのでしょうか?

Javascript:

function changeFontSize(fontvar) {
var div = document.getElementById("webchat_history");
var currentFont = div.style.fontSize.value;

div.style.fontSize = currentFont + fontvar+ "px";
}

HTML:
<span onClick="changeFontSize(10);" style="font-size:16px;">Aa</span>

フォント サイズは外部スタイルシートで設定されているため、特定のフォント サイズを指定するのではなく、x 量 (fontvar) だけ増やしたいと考えています。スタイルシートを変更する必要がある場合は、Javascript も更新する必要はありません。

4

3 に答える 3

5

このスクリプトは動作するはずです:

function changeFontSize(fontvar) {
    var div = document.getElementById("webchat_history");
    var currentFont = div.style.fontSize.replace("px", "");

    div.style.fontSize = parseInt(currentFont) + parseInt(fontvar) + "px";
}
于 2013-04-29T15:51:08.717 に答える
1

この素晴らしいスクリプトを見つけました: https://github.com/simplefocus/FlowType.JS

デモ: http://simplefocus.com/flowtype/demo.html

于 2014-10-17T09:13:01.827 に答える
0

さらにデバッグした後、使用していた「id」がwebchat_history実際には ID ではないことに気付きました。IDのクラスhistoryでした。追加のクラスを作成し、document.getElementById('history').className = "webchat_history_medium";フォント サイズを変更するために使用します。

于 2013-04-29T16:41:28.577 に答える