Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

getElementByIDはJavaScriptでどのように機能しますか？

getElementById

getElementById（） DOMメソッドです 指定された値のID属性を持つ要素を返すために使用されます。これは、 HTML DOMで最も一般的な方法の1つです。 ドキュメント上の要素を操作するたびに使用されます。このメソッドはnullを返します 指定されたIDを持つ要素が存在しない場合。 IDはページ内で一意である必要があります。ただし、指定されたIDを持つ要素が複数存在する場合は、JavaScriptコードの最後の要素を返します。

例-1

次の例では、内部テキストが「GetElementById」でIDが「element」の段落タグがあります。 DOMメソッド「document.getElementById（）」を使用して、段落タグ内のテキストにアクセスし、値を出力に表示します。 「.innerHtml」がないと、document.getElementByIdはタグの内部テキスト部分を読み取ることができません。

<html>
<body>
<p id="element">GetElementById</p>
<script>
   var s = document.getElementById("element").innerHTML;
   document.write(s);
</script>
</body>
</html>

出力

GetElementById
GetElementById

例-2

次の例では、DOMメソッド「getElementById」を使用して、元のテキスト部分「GetElementById」をテキスト「Tutorix」に置き換え、結果が出力に表示されます。

<html>
<body>
<p id="element">GetElementById</p>
<script>
   document.getElementById("element").innerHTML = "Tutorix";
</script>
</body>
</html>

出力

Tutorix

  1. 要素がJavaScriptで非表示になっているかどうかを確認するにはどうすればよいですか？

    JavaScriptで要素が非表示になっているかどうかを確認するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva,

  2. JavaScript配列で要素を検索する方法は？

    以下は、JavaScript配列内の要素を検索するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>