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()：

च्रोम आईई एज फायरफॉक्स सफारी ओपेरा
च्रोम आईई एज फायरफॉक्स सफारी ओपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन समर्थन