HTML DOM Element insertBefore() विधि

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

insertBefore() विधि मौजूदा उप-निदेशक से उप-निदेशक जोड़ती है।

अन्य देखें:

appendChild() विधि

replaceChild() विधि

removeChild() विधि

remove() विधि

childNodes गुण

firstChild गुण

lastChild गुण

firstElementChild गुण

lastElementChild गुण

उदाहरण

उदाहरण 1

  1. <li> एलीमेंट का निर्माण करें
  2. पाठ नोड का निर्माण करें
  3. पाठ को <li> एलीमेंट में जोड़ें
  4. अनुक्रमिक श्रेणी <ul> के पहले सही संगत एलीमेंट से <li> एलीमेंट भरें
const newNode = document.createElement("li");
const textNode = document.createTextNode("पानी");
newNode.appendChild(textNode);
const list = document.getElementById("myList");
list.insertBefore(newNode, list.children[0]);

स्वयं प्रयोग करें

उदाहरण 2

एक सूची से अंतिम एलिमेंट को दूसरी सूची के शुरू में जोड़ें:

const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, list.children[0]);

स्वयं प्रयोग करें

उदाहरण 3

एक सूची से अंतिम एलिमेंट को दूसरी सूची के अंत में जोड़ें:

const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, null);

स्वयं प्रयोग करें

व्याकरण

element.insertBefore(newnode, existingnode)

या

node.insertBefore(newnode, existingnode)

पारामीटर

पारामीटर वर्णन
newnode अनिवार्य। जोड़ने के लिए नोड (एलिमेंट)।
existingnode

वैकल्पिक। नए नोड को पहले से मौजूदा नोड के पहले जोड़ें।

यदि निर्दिष्ट नहीं किया गया है, तो insertBefore विधि newnode को अंत में जोड़ेगी。

वापसी मान

टाइप वर्णन
नोड जोड़े गए नोड

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

element.insertBefore() यह DOM Level 1 (1998) विशेषता है।

सभी ब्राउज़रों इसे पूरी तरह से समर्थित करते हैं:

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