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

HTML DOM hasChildNodes()メソッド


HTML DOM hasChildNodes()メソッドは、要素に子ノードが含まれているかどうかを確認するために使用されます。要素に子ノードが含まれている場合はtrueを返し、含まれていない場合はfalseを返します。ノード内の空白は基本的にテキストノードと見なされるため、空白は子ノードと見なされます。

構文

以下は、hasChildNodes()メソッドの構文です-

node.hasChildNodes()

hasChildNodes()メソッドの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<script>
   function checkChild() {
      var div = document.getElementById("DIV1").hasChildNodes();
      document.getElementById("Sample").innerHTML = div;
   }
</script>
</head>
<body>
<h1> hasChildNodes() method example</h1>
<div id="DIV1">
<p>This is a p element inside the div element</p>
<span>This is a span element inside the div element</span>
</div>
<br>
<button onclick="checkChild()">CHECK</button>
<p id="Sample"></p>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTML DOM hasChildNodes()メソッド

チェックボタンをクリックすると-

HTML DOM hasChildNodes()メソッド

上記の例では-

最初にIDが「DIV1」の

要素を作成しました。これには、

要素と要素が含まれています-

<div id="DIV1">
<p>This is a p element inside the div element</p>
<span>This is a span element inside the div element</span>
</div>

次に、ユーザーがクリックしたときにcheckChild()メソッドを実行するボタンCHECKを作成しました-

<button onclick="checkChild()">CHECK</button>

checkChild()メソッドは、getElementById()メソッドを使用して、対応する

要素とその上にあるhasChildNodes()メソッドを取得します。 div要素には2つの子が含まれているため、trueを返します。同じことが、innerHTMLプロパティを使用してIDが「Sample」の段落に表示されます-

function checkChild() {
   var div = document.getElementById("DIV1").hasChildNodes();
   document.getElementById("Sample").innerHTML = div;
}

  1. HTML DOM focus()メソッド

    HTML DOM focus()メソッドは、HTML要素にフォーカスを与えるために使用されます。フォーカスをすべてのHTML要素に適用することはできません。例:タグにフォーカスすることはできません。要素からフォーカスを削除するには、blur()メソッドを使用します。 構文 以下は構文です- HTMLElementObject.focus() 例 focus()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style>    input[type=text]:focus, p:

  2. HTMLDOMオブジェクトオブジェクト

    HTMLのHTMLDOMオブジェクトオブジェクトは、 を表します 要素。 要素の作成 var objectElement = document.createElement(“OBJECT”) ここでは、「 objectElement 」は次のプロパティを持つことができます- プロパティ 説明 データ objectelementによって使用されているリソースのURLを設定/返します フォーム オブジェクト要素の囲み形式への参照を返します 高さ オブジェクト要素の高さを設定/返します 名前 オブジェクト要素の