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

HTMLDOMBodyオブジェクト

HTML DOM Bodyオブジェクトは、HTMLの要素に関連付けられています。 bodyタグ内に設定された属性とその値は、子ノードのいずれかによってオーバーライドされない限り、HTMLドキュメント全体に残ります。bodyオブジェクトを使用して、これらのプロパティとその値にアクセスして操作できます。

プロパティ

以下は、HTMLDOMBodyオブジェクトのプロパティです-

注 −以下のプロパティはHTML5ではサポートされていません。代わりにCSSを使用してください-

プロパティ 説明
aLink ドキュメントのアクティブなリンクの色を設定または返すには。
背景 ドキュメントの背景画像を設定または返すには
bgColor ドキュメントの背景色を設定または返すため。
リンク ドキュメント内の未訪問のリンクの色を設定または返すには。
テキスト ドキュメントのテキストの色を設定または返すには
vLink ドキュメント内の訪問済みリンクの色を設定または返すには。

構文

以下は、-

の構文です。

ボディオブジェクトの作成-

var x = document.createElement("BODY");

例

HTMLDOM本体オブジェクトの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<title>aside tag</title>
<h2>HTML DOM BODY OBJECT</h2>
<button onclick="createBody()">CREATE</button>
<script>
   function createBody() {
      var x = document.createElement("BODY");
      x.setAttribute("id", "myBody");
      document.body.appendChild(x);
      var Para = document.createElement("P");
      var text = document.createTextNode("A sample paragraph
      created as child of body");
      Para.appendChild(text);
      document.getElementById("myBody").appendChild(Para);
   }
</script>
</head>
</html>

出力

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

HTMLDOMBodyオブジェクト

[作成]をクリックすると-

HTMLDOMBodyオブジェクト

上記の例では-

関数createBody（）を呼び出すためのボタンCREATEを作成しました-

<button onclick="createBody()">CREATE</button>

createBody（）メソッドは、要素を作成し、それを変数xに割り当てます。 setAttribute（）メソッドを使用して、本文のIDを「myBody」に設定し、ドキュメントの子としてappendChild（）メソッドを使用してbody要素を追加します。次に、別の要素

（段落）がtextNode「bodyの子として作成されたサンプル段落」で作成されます。そのテキストノードは、段落の子として追加されます。最後に、要素のIDを使用して、段落が本文に追加されます。

function createBody() {
   var x = document.createElement("BODY");
   x.setAttribute("id", "myBody");
   document.body.appendChild(x);
   var Para = document.createElement("P");
   var text = document.createTextNode("A sample paragraph created as child of body");
   Para.appendChild(text);
   document.getElementById("myBody").appendChild(Para);
}

  1. HTMLDOMタイトルオブジェクト

    HTMLのHTMLDOMTitle Objectは、要素を表します。 を作成する 要素 var titleObject = document.createElement(“TITLE”) ここでは、「titleObject」 次のプロパティを持つことができます- プロパティ 説明 テキスト ドキュメントの要素の値を設定/返します タイトルテキストの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title id="titleSe

  2. HTMLDOMUlオブジェクト

    HTMLのHTMLDOMUlオブジェクトは、 を表します 要素。 を作成する 要素 var ulObject = document.createElement(“UL”) ここでは、「ulObject」 次のプロパティを持つことができますが、 HTML5ではサポートされていません − プロパティ 説明 コンパクト 順不同リストを通常より小さく表示するかどうかを設定/返します タイプ 順序付けされていないリストのtype属性の値を設定/返します 順不同リストの例を見てみましょう 要素- 例 <!DOCTYPE