HTML DOM getElementById()メソッドの用途

2年 ago
芽依, 雨夜
1 minute

getElementById() メソッドは、HTML DOM（文書オブジェクトモデル）で、要素の id 属性によって対応する HTML 要素を取得するために使用します。

このメソッドでは要素の id 属性の値というパラメータを受け取り、その要素への参照を返します。

getElementByIdメソッドは、特定のidを持つHTML要素にアクセスして操作するための便利なメソッドです。このメソッドを使用すると、たとえば、テキストボックスの値を取得したり、要素のスタイルや内容を変更したり、イベントリスナーをバインドしたりできます。

ネイティブ日本語で言い換えた文章を1つだけ必要です。

<!DOCTYPE html>
<html>
<head>
<script>
function changeText() {
var element = document.getElementById("myText");
element.value = "Hello, world!";
}
</script>
</head>
<body>
<input type="text" id="myText">
<button onclick="changeText()">Change Text</button>
</body>
</html>

getElementById()メソッドを使ってidが”myText”のテキストボックスの要素を取得し、ボタンがクリックされた時にテキストボックスの値を”Hello, world!”に変更する。

bannerAds