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

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

不言
不言オリジナル
2019-01-14 16:35:276053ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。