JavaScriptのgetElementByIdメソッドの使い方

2年 ago
夏樹, 風
1 minute

在JavaScript中，可以使用document.getElementById()方法来获取HTML文档中具有指定id属性的元素。

使用方法を以下に記載しています。

  1. この文を日本語で言い換えると、
  2. ネイティブスピーカーによる日本語への逐語訳は次のとおりです。
  3. 入社したばかりの社員のための研修プログラムを設計しました。
  4. myDivの子要素をネイティブな日本語で書き直してください。
  5. getElementById()
  6. id
  7. myDiv
  8. 下記の文をネイティブの日本語で言い換えてください。1オプションのみで結構です。あなたは自分の意見を明確にする必要があります。
  9. でも、やっぱり他の人より少しは優れてると思います。

document.getElementById()メソッドを使って要素を取得し操作する方法を説明する、簡単なサンプルコードを以下に示します。

<!DOCTYPE html>
<html>
  <body>

    <div id="myDiv">Hello World!</div>

    <script>
      // 获取具有id为"myDiv"的元素
      var element = document.getElementById("myDiv");

      // 设置元素的内容为"Hello JS!"
      element.innerHTML = "Hello JS!";

      // 设置元素的样式
      element.style.color = "red";
      element.style.fontSize = "20px";
    </script>

  </body>
</html>

「document.getElementById(“myDiv”)」メソッドは、「myDiv」という ID を持つ要素を表すオブジェクトを返します。このオブジェクトを使って、innerHTML 属性で要素の中身を「Hello JS!」に変更したり、style 属性で要素のスタイルを設定できます。

bannerAds