このコードを Web ページに追加するには、相対サイズのフォントではなく、ピクセル サイズのフォント (px) を使用する必要があり、「em」または「%」を使用します。もちろん、他のフォント単位を使用する場合、コードをこれらに簡単に適合させることができます。スクリプトが段落のフォント サイズを見つけられない場合、デフォルトの 12 ピクセルが使用されます。
コア コード:
var min= 8;
var max=18;
function raiseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=max) {
s = 1;
}
p[i].style.fontSize = s "px"
}
}
function減少FontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i if (p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=min) {
s -= 1;
}
p[i].style.fontSize = s "px"
}
}
上記のコードを Web ページに含めます (ヘッダー セクションに配置するか、外部 JS ファイルに配置してインポートします)。次に、以下のようにフォント サイズを拡大または縮小する関数を呼び出すことができます。
使用法:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
