ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptでフォントサイズを変更する方法

JavaScriptでフォントサイズを変更する方法

藏色散人
リリース: 2021-07-01 10:32:37
オリジナル
5043 人が閲覧しました

JavaScript でフォント サイズを変更する方法: 最初に HTML サンプル ファイルを作成し、次にテキスト コンテンツを定義し、最後に「ps[i].style.fontSize="12px";」によってフォント サイズを変更します。 。

JavaScriptでフォントサイズを変更する方法

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター

変更方法JavaScriptのフォントサイズは?

は非常に簡単で、コードは次のとおりです:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language=javascript>
window.onload=function(){
var ps=document.getElementById(&#39;neirong&#39;).getElementsByTagName(&#39;span&#39;);
for(var i=0;i<ps.length;i++){
ps[i].style.fontSize="12px";
}
}
</script>
</HEAD>

<BODY>
<div id="neirong">
<p style="line-height: 30pt; text-indent: 32pt;">
<span style="font-size:16px;">
谢谢!
</span>
</P>
<p style="line-height: 30pt; text-indent: 32pt;">
<span style="font-size:16px;">
谢谢!
</span>
</P>
<p style="line-height: 30pt; text-indent: 32pt;">
<span style="font-size:16px;">
谢谢!
</span>
</P>
</div>
</BODY>
</HTML>
ログイン後にコピー

推奨学習: 「javascript Advanced Tutorial

以上がJavaScriptでフォントサイズを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート