जावास्क्रिप्ट: स्क्रिप्ट को अनदेखा करते हुए, किसी तत्व के सभी वंशजों से टेक्स्ट कैसे प्राप्त करें?

Question

मेरी वर्तमान परियोजना में एक प्रदत्त चयनकर्ता के आधार पर किसी तत्व और उसके सभी वंशजों से टेक्स्ट सामग्री एकत्र करना शामिल है।

उदाहरण के लिए, जब चयनकर्ता #content आपूर्ति और इस HTML के खिलाफ चलाए:

<div id="content"> 
    <p>This is some text.</p> 
    <script type="text/javascript"> 
    var test = true; 
    </script> 
    <p>This is some more text.</p> 
</div> 

मेरी स्क्रिप्ट (एक छोटे से खाली स्थान के सफाई के बाद) वापसी होगी:

यह कुछ पाठ है। var test = true; यह कुछ और पाठ है।

हालांकि, मुझे <script> तत्वों के भीतर होने वाले टेक्स्ट नोड्स को अवहेलना करने की आवश्यकता है।

यह मेरे वर्तमान कोड (तकनीकी रूप से, यह एक या अधिक प्रदान की चयनकर्ताओं के आधार पर मैच) का एक अंश है:

// get text content of all matching elements 
for (x = 0; x < selectors.length; x++) { // 'selectors' is an array of CSS selectors from which to gather text content 
    matches = Sizzle(selectors[x], document); 
    for (y = 0; y < matches.length; y++) { 
    match = matches[y]; 
    if (match.innerText) { // IE 
     content += match.innerText + ' '; 
    } else if (match.textContent) { // other browsers 
     content += match.textContent + ' '; 
    } 
    } 
} 

यह थोड़ा ज्यादा में कि यह सिर्फ तत्व के भीतर सभी पाठ नोड्स रिटर्न साधारण (है और इसके वंशज) जो प्रदत्त चयनकर्ता से मेल खाते हैं। जिस समाधान को मैं ढूंढ रहा हूं वह <script> तत्वों के भीतर आने वाले सभी टेक्स्ट नोड्स को वापस कर देगा। इसे विशेष रूप से उच्च प्रदर्शन करने की आवश्यकता नहीं है, लेकिन मुझे अंततः क्रॉस-ब्राउज़र संगत होने की आवश्यकता है।

मुझे लगता है कि मुझे तत्व के सभी बच्चों के माध्यम से किसी भी तरह से लूप की आवश्यकता होगी जो चयनकर्ता से मेल खाता है और <script> तत्वों के अलावा सभी टेक्स्ट नोड्स को जमा करता है; ऐसा लगता है कि जावास्क्रिप्ट को पहचानने का कोई तरीका नहीं है जब यह पहले से ही सभी टेक्स्ट नोड्स से संचित स्ट्रिंग में घुमाया गया है।

मैं jQuery (प्रदर्शन/बैंडविड्थ कारणों के लिए) का उपयोग नहीं कर सकता, हालांकि आपने देखा होगा कि मैं अपने सिज़ल चयनकर्ता इंजन का उपयोग करता हूं, इसलिए jQuery का चयनकर्ता तर्क उपलब्ध है।

किसी भी मदद के लिए अग्रिम धन्यवाद!

Answer 1

function getTextContentExceptScript(element) { 
    var text= []; 
    for (var i= 0, n= element.childNodes.length; i<n; i++) { 
     var child= element.childNodes[i]; 
     if (child.nodeType===1 && child.tagName.toLowerCase()!=='script') 
      text.push(getTextContentExceptScript(child)); 
     else if (child.nodeType===3) 
      text.push(child.data); 
    } 
    return text.join(''); 
} 

या, यदि आप <script> तत्वों (जो आमतौर पर ध्यान देने योग्य दुष्प्रभाव नहीं होता है) को हटाने के लिए डोम को बदल सकते हैं, तेज:

var scripts= element.getElementsByTagName('script'); 
while (scripts.length!==0) 
    scripts[0].parentNode.removeChild(scripts[0]); 
return 'textContent' in element? element.textContent : element.innerText;