HTML DOM Element insertAdjacentHTML() विधि

परिभाषा और उपयोग

insertAdjacentHTML() मथड़ा एलीमेंट के निर्दिष्ट स्थान में HTML को जोड़ता है。

वैध स्थिति:

मूल्य वर्णन
afterbegin एलीमेंट के शुरू में (पहला उप-एलीमेंट).
afterend एलीमेंट के बाद.
beforebegin एलीमेंट के पहले.
beforeend एलीमेंट के अंत में (अंतिम पिछला उप-एलीमेंट).

उदाहरण

उदाहरण 1

header एलीमेंट के बाद एक नया <p> एलीमेंट जोड़ें:

const h2 = document.getElementById("myH2");
let html = "<p>My new paragraph.</p>";
h2.insertAdjacentHTML("afterend", html);

अपने आप आजमाएं

उदाहरण 2

"afterbegin" का उपयोग करना:

let html = "<span style='color:red'>My span</span>"; h2.insertAdjacentHTML("afterbegin", html);

अपने आप आजमाएं

उदाहरण 3

"beforebegin" का उपयोग करना:

h2.insertAdjacentHTML("beforebegin", html);

अपने आप आजमाएं

उदाहरण 4

"beforeend" का उपयोग करना:

h2.insertAdjacentHTML("beforeend", html);

अपने आप आजमाएं

व्यावहार्यता

element.insertAdjacentHTML(position, html)

या

node.insertAdjacentHTML(position, html)

पारामीटर

पारामीटर वर्णन
position

आवश्यक. एलीमेंट के संबंध में स्थिति:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
html जो एंटर देना है वह HTML。

ब्राउज़र समर्थन

सभी ब्राउज़र समर्थित करते हैं element.insertAdjacentHTML()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट