HTML DOM Document body ਸੁਆਨ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

body ਸੁਆਨ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸੀ ਕਰਨ ਨਾਲ ਦਸਤਾਵੇਜ਼ ਦੇ <body> ਤੱਤ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ。

ਧਿਆਨ:ਸੈਟ ਕਰੋ body ਸੁਆਨ ਦਾ ਪ੍ਰਭਾਵ ਦਸਤਾਵੇਜ਼ ਦੇ <body> ਵਿੱਚ ਸਾਰੇ ਤੱਤ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ。

ਸੁਝਾਅ

document.body ਅਤੇ document.documentElement ਅੰਤਰ ਹੈ:

  • document.body ਨੂੰ <body> ਤੱਤ ਵਾਪਸ ਦਿੰਦਾ ਹੈ
  • document.documentElement ਨੂੰ <html> ਤੱਤ ਵਾਪਸ ਦਿੰਦਾ ਹੈ

ਦੇਖੋ ਇਹ ਵੀ:

Document documentElement ਸੁਆਨ

HTML <body> ڈھارک

HTML DOM Body ਪੋਸਟ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 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) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

ਕਰੋਮ آئی ای ایج فائرفاکس سافری آپرا
ਕਰੋਮ آئی ای ایج فائرفاکس سافری آپرا
پشتیبندی 9-11 پشتیبندی پشتیبندی پشتیبندی پشتیبندی