मैं डीओएम में किसी तत्व को प्रतिस्थापित करने के लिए देख रहा हूं। उदाहरण के लिए, एक "ए" तत्व है जिसे मैं इसके बजाय "स्पैन" के साथ प्रतिस्थापित करना चाहता हूं।जावास्क्रिप्ट का उपयोग कर डीओएम तत्व को जगह में कैसे बदलें?
मैं कैसे जाऊं और ऐसा करूं?
replaceChild() का उपयोग करके:
<html>
<head>
</head>
<body>
<div>
<a id="myAnchor" href="http://www.stackoverflow.com">StackOverflow</a>
</div>
<script type="text/JavaScript">
var myAnchor = document.getElementById("myAnchor");
var mySpan = document.createElement("span");
mySpan.innerHTML = "replaced anchor!";
myAnchor.parentNode.replaceChild(mySpan, myAnchor);
</script>
</body>
</html>
यह उदाहरण काम नहीं करेगा। इसे काम करने के लिए आपको शरीर के अंत में स्क्रिप्ट ब्लॉक रखना चाहिए। इसके अलावा, बस मस्ती के लिए: ऑपरेशन के बाद लाइन [चेतावनी (myAnchor.innerHTML)] जोड़ने का प्रयास करें। – KooiInc
एंकर इनटेक्स्ट – rahul
में स्टैक ओवरवरफ्लो के साथ एक वर्तनी गलती है, यदि यह रूट HTML तत्व – lisak
var a = A.parentNode.replaceChild(document.createElement("span"), A);
एक एक तत्व बदल दिया है।
वास्तव में @Bjorn Tipling से उत्तर काम नहीं करता है। यह KooiInc के लिए (सही!) उत्तर है, यह भी सही है, टिप्पणी करें। अब यह काम कर रहा है! ;-) दोनों को टीएक्स! –
जेनेरिक रूप:
target.replaceWith(element);
रास्ता बेहतर/पिछले विधि की तुलना में क्लीनर।
आपके उपयोग के मामले के लिए:
A.replaceWith(span);
आईई 11 या एज 14 में समर्थित नहीं है (अब: 2016-11-16)। – jor
ES5 में कनवर्ट करने के लिए Google के क्लोजर या किसी अन्य ट्रांस्फर का उपयोग करने का प्रयास करें। यदि आपके पास बेहतर, अधिक रखरखाव विकल्प – Gibolt
पूरी तरह से सहमत है, तो आपको ब्राउज़र समर्थन के आधार पर पुराना कोड नहीं लिखना चाहिए, लेकिन IE11 और एज 14 पुराने नहीं हैं ... – jor
'target.replaceWith (तत्व),' आधुनिक (ES5 +) जिस तरह से इस – Gibolt
@Gibolt क्या डोम ES साथ कल्पना करता है क्या करना है? इसके अलावा, यह अभी तक डीओएम मानक का हिस्सा नहीं है, जबकि 9 5 साल पहले ईएस 5 जारी किया गया था। – destoryer