HTMLDOMfirstChildプロパティ
HTML DOMのfirstChildプロパティは、特定のノードの最初の子ノードをノードオブジェクトとして返すために使用されます。どのノードが最初であるかに応じて、テキストノード、要素ノード、またはコメントノードとして戻ることができます。これは読み取り専用のプロパティです。
構文
以下は、HTMLDOMfirstChildプロパティの構文です-
node.firstChild
例
firstChildプロパティの例を見てみましょう-
<!DOCTYPE html>
<html>
<head>
<script>
function getFirst() {
var ch = document.getElementById("DIV1").firstChild.innerHTML;
document.getElementById("Sample").innerHTML = "The first child node of the div is :"+ch;
}
</script>
</head>
<body>
<h1>firstChild property</h1>
<div id="DIV1"><p>This is a p element</p><span>This is a span element</span></div>
<button onclick="getFirst()">Get Child</button>
<p id="Sample"></p>
</body>
</html> 出力
これにより、次の出力が生成されます-
「子を取得」ボタンをクリックすると-
要素と要素を含む
次に、ユーザーがクリックしたときにgetFirst（）メソッドを実行する「子を取得」ボタンを作成しました-
getFirst（）メソッドは、firstChildプロパティを使用してdiv要素の最初の子を取得します。この場合、
要素が返されます。次に、innerHTMLプロパティを使用してp要素内のテキストを取得し、その値を変数chに割り当てます。この値は、innerHTMLプロパティ-
HTML DOMスタイルのpageBreakInsideプロパティは、HTMLドキュメントのHTML要素内の印刷または印刷プレビューのページ分割動作を返し、変更します。 構文 以下は構文です- 1. pageBreakInsideを返す object.pageBreakInside 2.pageBreakInsideの変更 object.pageBreakInside = “value” ここで、値は-になります。 値 説明 初期 このプロパティ値をデフォルト値に設定します。 継承 このプロパティ値は親要素から継承されます。 自動 必要に応じて、H
HTML DOMスタイルの表示プロパティは、要素の表示タイプを設定または返すために使用されます。要素は主にブロックまたはインラインです。 display：noneを使用して要素を非表示にすることもできます。 以下は、-の構文です。 表示プロパティの設定- object.style.display = value 上記のプロパティ値は次のように説明されます- 値 説明 インライン 要素をインライン要素として表示する場合、つまり、widthプロパティとheightプロパティは効果がありません。 ブロック ブロック要素は新しい行に表示され、幅全体を取ります。 <div id="DIV1"><p>This is a p element</p><span>This is a span element</span></div>
<button onclick="getFirst()">Get Child</button>
function getFirst() {
var ch = document.getElementById("DIV1").firstChild.innerHTML;
document.getElementById("Sample").innerHTML = "The first child node of the div is :"+list;
}