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>
出力
これにより、次の出力が生成されます-
チェックボタンをクリックすると-
上記の例では-
最初に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()メソッドを使用して、対応する
function checkChild() { var div = document.getElementById("DIV1").hasChildNodes(); document.getElementById("Sample").innerHTML = div; }
-
HTML DOM focus()メソッド
HTML DOM focus()メソッドは、HTML要素にフォーカスを与えるために使用されます。フォーカスをすべてのHTML要素に適用することはできません。例:タグにフォーカスすることはできません。要素からフォーカスを削除するには、blur()メソッドを使用します。 構文 以下は構文です- HTMLElementObject.focus() 例 focus()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> input[type=text]:focus, p:
-
HTMLDOMオブジェクトオブジェクト
HTMLのHTMLDOMオブジェクトオブジェクトは、 を表します 要素。 要素の作成 var objectElement = document.createElement(“OBJECT”) ここでは、「 objectElement 」は次のプロパティを持つことができます- プロパティ 説明 データ objectelementによって使用されているリソースのURLを設定/返します フォーム オブジェクト要素の囲み形式への参照を返します 高さ オブジェクト要素の高さを設定/返します 名前 オブジェクト要素の