HTML DOM Document body అంశం

నిర్వచనం మరియు వినియోగం

body అంశం అమర్చకండి లేదా తిరిగి వచ్చే విలువ డాక్యుమెంట్ యొక్క <body> అంశాన్ని అమర్చుతుంది.

ముందుకు చూడండి:అమర్చుకోండి body అంశం డాక్యుమెంట్ యొక్క <body> లోని అన్ని అంశాలను స్థానం మార్చింది.

అనురూపం

document.body మరియు document.documentElement వ్యత్యాసం:

  • document.body అనేది <body> అంశాన్ని తిరిగి వచ్చే విలువ
  • document.documentElement అనేది <html> అంశాన్ని తిరిగి వచ్చే విలువ

మరియు చూడండి:

Document documentElement అంశం

హెచ్టిఎంఎల్ <బాడీ> టాగ్

హెచ్టిఎమ్ఎల్ డామ్ బాడీ ఆబ్జెక్ట్

ఉదాహరణ

ఉదాహరణ 1

డాక్యుమెంట్ యొక్క HTML కంటెంట్ ను పొందండి:

const myBody = document.body.innerHTML;

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

డాక్యుమెంట్ యొక్క బ్యాక్గ్రౌండ్ రంగును మార్చండి:

document.body.style.backgroundColor = "yellow";

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

డాక్యుమెంట్ యొక్క <body> ను మార్చండి (అన్ని ప్రస్తుత కంటెంట్ ను స్థానం మార్చండి):

document.body.innerHTML = "Some new HTML content";

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 4

డాక్యుమెంట్ యొక్క ముఖ్య విడిభాగానికి <p> అంశాన్ని సృష్టించండి మరియు జతచేయండి:

const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);

స్వయంగా ప్రయత్నించండి

సంకేతం

body అంశాన్ని తిరిగి వచ్చే విలువ:

document.body

body అంశాన్ని అమర్చుకోండి:

document.body = newContent

అంశం విలువ

విలువ వివరణ
newContent నూతన కంటెంట్ యొక్క <body> అంశం.

తిరిగి వచ్చే విలువ

రకం వివరణ
ఆబ్జెక్ట్ డాక్యుమెంట్ యొక్క body అంశం.

బ్రౌజర్ మద్దతు

document.body ఇది DOM Level 1 (1998) లక్షణం.

అన్ని బ్రౌజర్లు పూర్తిగా దానిని మద్దతు ఇస్తాయి:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持