मैं आईडी हैलो के साथ div की कई प्रतियों को id कंटेनर के साथ div में जोड़ना चाहता हूं। मैं जावास्क्रिप्ट का उपयोग करके यह कैसे करूं?


<div id="container">

</div>

<div id="hello">
   <p>Hello</p>
</div>

-3
Raavan 24 सितंबर 2019, 14:37

3 जवाब

सबसे बढ़िया उत्तर

cloneNode और appendChild का उपयोग करना।

चूंकि ids एक दस्तावेज़ में अद्वितीय होना चाहिए, इसलिए मैंने इसके बजाय एक वर्ग hello का उपयोग करने के लिए चीजों को बदल दिया।

function makeCopy() {
  const target = document.getElementById("container");
  const source = document.querySelector(".hello");
  const clone = source.cloneNode(true);
  target.appendChild(clone);
}
.hello {
  padding: 3px;
  margin: 3px;
  border: 1px dotted orange;
}
<div id="container">
  This is the container.
</div>

<button onclick="makeCopy()">Add a clone of hello above</button>


<div class="hello">
  <p>Hello</p>
</div>
1
AKX 24 सितंबर 2019, 11:41

https://www.w3schools.com/jsref/met_node_appendchild.asp

इसे देखें, यह आपकी समस्या का समाधान करेगा, लेकिन टैग के लिए एक वर्ग का उपयोग करें आईडी नहीं। आईडी अद्वितीय हैं, एक वर्ग कई तत्वों के लिए है।

आप CSS में क्लास को इस तरह कॉल कर सकते हैं

.className {
  /*CODE*/
}
-1
sao 24 सितंबर 2019, 11:41

आप एपेंड() विधि का उपयोग कर सकते हैं:

$(document).on('click', function(){
   $('#container').append( $('#hello') ); 
});
-1
Sachin Sharma 24 सितंबर 2019, 11:47