ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptを使用して文字列を表示する方法

JavaScriptを使用して文字列を表示する方法

不言
リリース: 2021-04-21 15:24:04
オリジナル
6055 人が閲覧しました

JavaScript を使用して文字列を表示する方法: 1. "document.write" メソッドを使用して文字列を表示します。 2. "innerHTML" メソッドを使用して文字列を表示します。

JavaScriptを使用して文字列を表示する方法

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

Web ページに文字列を表示するには、JavaScript を使用して document.write または innerHTML を使用する方法がたくさんあります。JavaScript を使用すると、文字列の表示を制御したり、HTML を含む文字列を表示したりすることができます。タグ。

JavaScript を使用して文字列を表示する 2 つの具体的な方法を見てみましょう

document.write を使用して文字列を表示する方法

ドキュメントを使用するには.write で文字列を表示し、パラメータに表示する文字列を指定します。

コードは以下の通りです

document.write("php中文网");
ログイン後にコピー

実行結果:php中国語サイト

上記の方法により文字列を表示することができます。

HTMLタグを含む文字列を表示する

HTMLタグを含む文字列を表示するには、パラメータにHTMLタグを含めて表示する文字列を指定する必要があります。

コードは次のとおりです

document.write("<strong>php中文网</strong>");
ログイン後にコピー

実行結果

JavaScriptを使用して文字列を表示する方法

##innerHTMLを使用して文字列を表示する方法

innerHTML を使用して文字列を表示するには、id で指定された文字列を置き換える必要があります。

<span id="str">php中文网</p>
<script>
var demo2 = document.getElementById("str");
demo2.innerHTML = "PHP中文网";
</script>
ログイン後にコピー
実行結果:PHP中国語サイト

上記の方法で文字列も表示できます。

以上がJavaScriptを使用して文字列を表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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