Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML DOM सम्मिलित करेंAdjacentElement( ) विधि

<घंटा/>

HTML DOM insertAdjacentElement () विधि एक निर्दिष्ट स्थान पर एक तत्व सम्मिलित करती है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

पोजिशनिंग और एलिमेंट के मापदंडों के साथ इन्सर्टएडजेंट एलीमेंट () को कॉल करना

node.insertAdjacentElement(“positionString”, element)

स्थिति स्ट्रिंग्स

यहां, “positionString” निम्नलिखित हो सकते हैं -

positionString
<वें शैली ="पाठ-संरेखण:केंद्र;">विवरण
शुरू के बाद
यह नोड तत्व की शुरुआत के बाद तत्व सम्मिलित करता है
बाद में
यह नोड तत्व के बाद तत्व सम्मिलित करता है
शुरुआत से पहले
यह नोड तत्व से पहले तत्व सम्मिलित करता है
पूर्वांत
यह नोड तत्व के अंत से पहले तत्व सम्मिलित करता है

उदाहरण

आइए InsertAdjacentElement() . के लिए एक उदाहरण देखें विधि -

<!DOCTYPE html>
<html>  
<head>
<title>insertAdjacentElement()</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>insertAdjacentElement( )</legend>
<h1>Family Tree</h1>
<span id="Father">Father --></span>
<span id="GrandFather">Grand Father --></span>
<span id="Myself">Myself</span>
<input type="button" onclick="rectifyTree()" value="Correct Family Tree">
</fieldset>
</form>
<script>
   function rectifyTree() {
      var FSpan = document.getElementById("Father");
      var GFSpan = document.getElementById("GrandFather");
      GFSpan.insertAdjacentElement("afterend", FSpan);
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

‘परिवार के पेड़ को सही करें’ . पर क्लिक करने से पहले बटन -

HTML DOM सम्मिलित करेंAdjacentElement( ) विधि

‘परिवार के पेड़ को सही करें’ . पर क्लिक करने के बाद बटन -

HTML DOM सम्मिलित करेंAdjacentElement( ) विधि


  1. HTML DOM में विशेषताएँ () विधि है

    HTML DOM में एट्रिब्यूट्स () विधि यह जांचती है कि किसी तत्व में कोई विशेषता है या नहीं। यदि तत्व में कोई विशेषता है तो यह सही है और यदि नहीं है तो यह गलत है। यदि इस विधि को तत्व नोड के अलावा किसी अन्य नोड पर कहा जाता है, तो लौटाया गया मान हमेशा गलत होगा। सिंटैक्स hasAttributes() विधि के लिए सिंटैक्

  1. एचटीएमएल डोम फोकस () विधि

    HTML तत्व पर फ़ोकस देने के लिए HTML DOM फ़ोकस () विधि का उपयोग किया जाता है। सभी HTML तत्वों पर फ़ोकस लागू नहीं किया जा सकता है। उदाहरण के लिए:आप टैग पर फ़ोकस नहीं कर सकते। किसी तत्व से फ़ोकस हटाने के लिए ब्लर () विधि का उपयोग करें। सिंटैक्स निम्नलिखित वाक्य रचना है - HTMLElementObject.focus() उदा

  1. एचटीएमएल डोम ऑब्जेक्ट ऑब्जेक्ट

    HTML में HTML DOM ऑब्जेक्ट ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक तत्व बनाना var objectElement = document.createElement(“OBJECT”) यहां, “ऑब्जेक्ट एलीमेंट में निम्नलिखित गुण हो सकते हैं - संपत्ति विवरण data ऑब्जेक्टलेमेंट द्वारा उपयोग किए जा रहे संसाधन का URL सेट/रिटर्न