उदाहरण के लिए, मैं पेज के इस कोड को कैसे बदल सकता हूं:

<div class="parent">
    <!-- possibly other elements -->
    <div class="toselect">hello people</div>
    <!-- possibly other elements -->
</div>

इसके साथ:

<div class="parent">
    <!-- possibly other elements -->
    <span class="new" style="color:red">hi guys</span>
    <!-- possibly other elements -->
</div>

? ध्यान दें कि माता-पिता के बच्चों की संख्या, किसी भी तत्व का पूरा कोड ज्ञात नहीं है। केवल ज्ञात चीजें एक चयनकर्ता हैं जो प्रतिस्थापित किए जाने वाले तत्व का चयन करने के लिए आवश्यक हैं ('.toselect'), और जोड़े जाने वाले तत्व का कोड।

0
Kamran İbrahimov 29 सितंबर 2020, 16:26

1 उत्तर

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

नीचे दिए गए कोड का उपयोग करने का प्रयास करें।

document.getElementById("change").addEventListener("click", function() {
  var oldEle = document.querySelector(".toselect");
  var newEle = document.createElement("span");
  newEle.innerHTML = "hi guys";
  newEle.classList.add("new");
  newEle.style.color = "red";
  oldEle.parentNode.replaceChild(newEle, oldEle);
});
<div class="parent">
    <div>other element</div>
    <div class="toselect">hello people</div>
    <div>other element</div>
</div>
<br>
<button id="change">Change Element</button>
1
Rohit Utekar 29 सितंबर 2020, 16:41