जावास्क्रिप्ट

Question

के साथ किसी तत्व के अगले भाई को छुपाएं मेरे पास document.getElementById('the_id') से एक तत्व प्राप्त हुआ है। मैं अपने अगले भाई को कैसे प्राप्त कर सकता हूं और इसे छुपा सकता हूं? मैंने कोशिश की लेकिन यह काम नहीं किया:

elem.nextSibling.style.display = 'none'; 

फायरबग त्रुटि elem.nextSibling.style is undefined थी।

Answer 1

ऐसा इसलिए है क्योंकि फ़ायरफ़ॉक्स तत्व नोड्स के बीच व्हाइटस्पेस को टेक्स्ट नोड्स (जबकि आईई नहीं करता) मानता है और इसलिए किसी तत्व पर .nextSibling का उपयोग करके फ़ायरफ़ॉक्स में टेक्स्ट नोड प्राप्त होता है।

अगले तत्व नोड प्राप्त करने के लिए उपयोग करने के लिए एक फ़ंक्शन होना उपयोगी है। इस

/* 
    Credit to John Resig for this function 
    taken from Pro JavaScript techniques 
*/ 
function next(elem) { 
    do { 
     elem = elem.nextSibling; 
    } while (elem && elem.nodeType !== 1); 
    return elem;   
} 

की तरह कुछ तो आप

var elem = document.getElementById('the_id'); 
var nextElem = next(elem); 

if (nextElem) 
    nextElem.style.display = 'none'; 

Answer 2

Firebug त्रुटि कर सकते हैं elem.nextSibling.style अपरिभाषित है था।

क्योंकि nextSibling एक पाठ नोड या अन्य नोड प्रकार किया जा सकता है

do { 
    elem = elem.nextSibling; 
} while(element && elem.nodeType !== 1); // 1 == Node.ELEMENT_NODE 
if(elem) elem.style.display = 'none'; 

Answer 3

की तरह कुछ का उपयोग कर इस तत्व के बच्चों के माध्यम से पाशन का प्रयास करें: करने के लिए उचित सुधार

var i=0; 
(foreach child in elem) 
{ 
    if (i==0) 
    { 
    document.getElementByID(child.id).style.display='none'; 
    } 
} 

कृपया सुनिश्चित वाक्य - विन्यास।

Answer 4

Element Traversal API पर एक नज़र डालें, यह एपीआई केवल एलिमेंट नोड्स के बीच चलता है। यह निम्न की अनुमति देता है:

elem.nextElementSibling.style.display = 'none'; 

और इस तरह समस्या संभावित हो रही गैर तत्व नोड्स (जैसे TextNode पकड़े खाली स्थान के) के nextSibling में निहित