HTMLDOMBodyプロパティ
HTML
要素に関連付けられたHTMLDOMbodyプロパティは、要素のプロパティ値を設定または返すために使用されます。 要素を返します。 要素内のコンテンツを変更するために使用できます。このプロパティは、要素内に存在する子要素のコンテンツを上書きできます。構文
以下は、-
の構文です。bodyプロパティの設定-
document.body = New_Content
ここで、New_Contentは要素の新しいコンテンツです。
例
HTMLDOMBodyプロパティの例を見てみましょう-
<!DOCTYPE html>
<html>
<body>
<h2>Sample HEADING</h2>
<p>Click the below button to overwrite child content</p>
<button onclick="OverWrite()">Overwrite Content</button>
<p>A sample paragraph</p>
<script>
function OverWrite() {
document.body.innerHTML = "All the content inside the body tag is overwritten";
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
「コンテンツの上書き」をクリックすると-
上記の例では-
要素、2つの
要素、ボタンなど、
要素内にはさまざまな要素があります。 「コンテンツの上書き」ボタンは、OverWrite（）関数を実行します。<button>Overwrite Content</button>
OverWrite（）関数は、ドキュメント本文のinnerHtmlを取得し、テキストを「本文タグ内のすべてのコンテンツが上書きされます」に変更します。これにより、本文内のすべてのコンテンツが上書きされ、基本的にすべての要素が削除され、テキストのみが表示されます。
function OverWrite() {
document.body.innerHTML = "All the content inside the body tag is overwritten";
} -
HTMLDOMOl反転プロパティ
HTML DOM Olの逆プロパティは、リストの順序を降順にするか昇順にするかを設定/返します（デフォルト）。 以下は構文です- ブール値を返す-true/false olObject.reversed 反転の設定 booleanValueへ olObject.reversed = booleanValue ここでは、「booleanValue」 次のようになります- booleanValue 詳細 true 順序が降順になることを定義します false デフォルトで順序が昇順になることを定義します Ol反転の例を見てみましょう
-
HTMLDOMoffsetWidthプロパティ
HTML DOM offsetWidthプロパティは、パディング、境界線、スクロールバーを含む要素の幅に対応する数値を返しますが、マージンは返しません。 以下は構文です- 数値を返す HTMLelement.offsetWidth HTML DOM offsetWidthの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM offsetHeight</title> <style> form { &n