05 JavaScriptで画面に文字を表示してみよう

2023年3月13日2023年3月14日

当ページのリンクには広告が含まれています。

ミク先生、JavaScriptで画面に文字を表示する方法を教えてください。

はい、JavaScriptで文字を表示するには、HTMLのDOMを操作する必要があります。DOMとは、Webページの要素（タグ）やテキストなどをJavaScriptから操作するための仕組みです。

具体的には、以下のような方法で文字を表示することができます。

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript Sample</title>
  </head>
  <body>
    <div id="message"></div>
    <script>
      var messageElement = document.getElementById("message");
      messageElement.innerText = "Hello, World!";
    </script>
  </body>
</html>

上記のコードでは、div要素にid属性を指定しておき、JavaScriptでその要素を取得して、innerTextプロパティに文字列を設定しています。この方法で、任意の要素に文字列を表示することができます。

なるほど、DOMを操作することで、JavaScriptで画面に文字を表示することができるんですね。勉強になりました。ありがとうございます、ミク先生。

よかったらシェアしてね！