एचटीएमएल तत्व से पहले या बाद में पाठ जोड़ें

Question

यदि मेरे पास कुछ पाठ के साथ <div> जैसे HTML तत्व हैं या अन्य तत्व मैं इस div से पहले या बाद में कुछ टेक्स्ट डेटा को HTML तत्व के बिना जोड़ सकता हूं, तो केवल सादा पाठ?

मैं केवल शुद्ध जावास्क्रिप्ट का उपयोग करना चाहता हूं।

कुछ की तरह:

<div id="parentDiv"> 
    my text must be added here 
    <div id="childDiv"></div> 
</div> 

Answer 1

हाँ, आप तो फिर तुम यह एक तत्व की तरह सम्मिलित कर सकते हैं, appendChild या insertBefore साथ document.createTextNode('the text')

के साथ एक पाठ नोड बना सकते हैं।

उदाहरण है कि #childDiv से पहले एक पाठ सम्मिलित: बस रिकार्ड के लिए

<script type="text/javascript"> 
    var parent = document.getElementById('parentDiv'); 
    var sibling = document.getElementById('childDiv'); 
    var text = document.createTextNode('new text'); 
    parent.insertBefore(text, sibling); 
</script> 

Answer 2

आप पाठ नोड जोड़ सकते हैं। नोड बनाएं - document.createTextNode('text') और फिर डालें/संलग्न/प्रतिस्थापित करें - जो भी आप चाहते हैं।

Answer 3

कुछ इस तरह यह करना चाहिए

div.insertAdjacentHTML('beforeBegin', yourText); 

जहां div है आपके बाल-DIV।

लाइव डेमो:http://jsfiddle.net/ZkzDk/

Answer 4

:

var text = document.createTextNode('the text'); 
var child = document.getElementById('childDiv'); 
child.parentNode.insertBefore(text, child); 

Answer 5

विषय के संबंध और उन में डालने के लिए सवाल से पहले या के बाद, यहाँ के बाद एक उदाहरण है:

var text = document.createTextNode("my text must be added here."); 
    var childTag = document.getElementById("childDiv"); 

    childTag.parentNode.insertBefore(text, childTag.nextSibling); 

childTag नहीं खाता है तो कोई भाई बहन है, यह ठीक है क्योंकि सम्मिलित करने से पहले विधि इस मामले को संभालती है और इसे अंतिम बच्चे के रूप में जोड़ती है।

टेक्स्ट नोड बनाने के बाद भी appendChild() विधि का उपयोग कर सकते हैं तो अपने बच्चे को पैरेंट नोड के माध्यम से जोड़ें।