तत्काल पहले बच्चे तत्व प्राप्त करें

Question

मैं क्रोम सामग्री स्क्रिप्ट एक्सटेंशन लिख रहा हूं और मुझे एक विशिष्ट तत्व को लक्षित करने में सक्षम होना चाहिए, दुर्भाग्य से, इसके मूल तत्व को छोड़कर कोई अद्वितीय पहचानकर्ता नहीं है।

मुझे parentElement के तत्काल पहले बच्चे तत्व को लक्षित करने की आवश्यकता है। console.log(parentElement) दोनों बच्चे तत्वों/नोड्स को पूरी तरह से रिपोर्ट करता है, लेकिन सफल कंसोल लॉग (जो बच्चे नोड्स को लक्षित करते हैं) हमेशा undefined मान वापस करते हैं, इससे कोई फर्क नहीं पड़ता कि मैं क्या करता हूं।

यह मेरा कोड है अब तक

function injectCode() { 

    var parentElement = document.getElementsByClassName("uniqueClassName"); 

    if (parentElement && parentElement.innerHTML != "") { 

     console.log(parentElement); 
     console.log(parentElement.firstElementChild); 
     console.log(parentElement.firstChild); 
     console.log(parentElement.childNodes); 
     console.log(parentElement.childNodes[0]); 
     console.log(parentElement.childNodes[1]); 

    } else { 

     setTimeout(injectCode, 250); 
    } 
} 

मैं पहले बच्चे तत्व/के नोड का चयन कैसे करूं (मैं भ्रम और अतिरिक्त, अनावश्यक स्पष्टीकरण से बचने के लिए वास्तविक नाम बाहर रखा गया है) parentElement?

अद्यतन:
parentElement.children[0] भी parentElement.childNodes[0] रूप में एक ही त्रुटि है।

Answer 1

इन दोनों आप पहले बच्चे नोड दे देंगे:

console.log(parentElement.firstChild); // or 
console.log(parentElement.childNodes[0]); 

आप पहले बच्चे एक तत्व नोड है कि जरूरत है तो का उपयोग करें:

console.log(parentElement.children[0]); 

संपादित

आह, अब मैं आपकी समस्या देखता हूं; parentElement एक सरणी है।

यदि आप जानते हैं कि केवल एक ही परिणाम वापस आ जाएगी, जो ऐसा लगता है आप करते हैं, आप [0] का उपयोग करना चाहिए dearray को (हाँ, मुझे लगता है कि शब्द बना) तत्व:

var parentElement = document.getElementsByClassName("uniqueClassName")[0];