HTML DOM Element insertAdjacentElement() ਮੱਥਾ

ਵਿਆਖਿਆ ਅਤੇ ਇਸਤੇਮਾਲ

insertAdjacentElement() ਮੱਥਾ ਐਲੀਮੈਂਟ ਨੂੰ ਨਿਰਦਿਸ਼ਟ ਸਥਾਨ 'ਤੇ ਜੋੜਦਾ ਹੈ。

ਲਾਜ਼ਮੀ ਸਥਾਨ:

ਮੁੱਲ ਵਰਣਨ
afterbegin ਐਲੀਮੈਂਟ ਦੇ ਸ਼ੁਰੂ ਤੋਂ ਬਾਅਦ (ਪਹਿਲੇ ਉਪ ਐਲੀਮੈਂਟ)。
afterend ਐਲੀਮੈਂਟ ਦੇ ਬਾਅਦ
beforebegin ਐਲੀਮੈਂਟ ਦੇ ਪਹਿਲਾਂ
beforeend ਐਲੀਮੈਂਟ ਦੇ ਸਮਾਪਤ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ (ਆਖਰੀ ਉਪ ਐਲੀਮੈਂਟ)。

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

span ਐਲੀਮੈਂਟ ਨੂੰ ਟਾਇਟਲ ਦੇ ਬਾਅਦ ਜੋੜੋ:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਇਸਤੇਮਾਲ ਕਰੋ "afterbegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

ਇਸਤੇਮਾਲ ਕਰੋ "beforebegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 4

ਇਸਤੇਮਾਲ ਕਰੋ "beforeend":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਸਫ਼ਟਵੇਅਰ

element.insertAdjacentElement(position, element)

ਜਾਂ

node.insertAdjacentElement(position, element)

ਪੈਰਾਮੀਟਰ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
position

ਲਾਜ਼ਮੀ ਹੈ। ਸਬੰਧਤ ਤੌਰ 'ਤੇ ਪਾਸੇ:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element ਜਿਸ ਨੂੰ ਜੋੜਨਾ ਹੈ。

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ element.insertAdjacentElement()

کروم آئی ای ایج فائر فاکس سافری آپریا
کروم آئی ای ایج فائر فاکس سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی