यहाँ एचटीएमएल है:

<div class="hMZdhd">Additional access
  <div class="OcFGjf">
  <div role="listitem" class="wnt0Xd">View your approximate age</div>                         
  <div role="listitem" class="wnt0Xd">View your language preferences</div>
</div>
</div>
<div class="hMZdhd">March 20, 12:06 PM</div>

मैं div वर्ग "hMZdhd" के एक मान का उपयोग करना चाहता हूं, लेकिन मेरा जावास्क्रिप्ट कोड "hMZdhd" नाम से वर्ग के सभी मान लौटाता है।

यहाँ मेरा नमूना जावास्क्रिप्ट कोड है:

document.getElementsByClassName("hMZdhd")[0].innerHTML

आउटपुट होना चाहिए: 20 मार्च, दोपहर 12:06 बजे

किसी भी मदद की सराहना की जाएगी
धन्यवाद

1
Jay 30 मार्च 2018, 10:15

2 जवाब

सबसे बढ़िया उत्तर

आप जिस तत्व को प्रदर्शित करना चाहते हैं वह आपके वर्ग चयन द्वारा लौटाए गए सरणी के अंतिम अनुक्रमणिका (.length - 1) पर है,

[0], hMZdhd (यानी <div class="hMZdhd">Additional access[…]</div>) से मेल खाने वाला पहला एलिमेंट लौटाता है।

var elms = document.getElementsByClassName("hMZdhd");
console.log(elms[elms.length - 1].innerHTML)
<div class="hMZdhd">Additional access
  <div class="OcFGjf">
    <div role="listitem" class="wnt0Xd">View your approximate age</div>                         
    <div role="listitem" class="wnt0Xd">View your language preferences</div>
  </div>
</div>
<div class="hMZdhd">March 20, 12:06 PM</div>

आप इस तरह की स्थिति में getElementsByClassName("hMZdhd") द्वारा लौटाए गए पूर्ण सरणी को प्रदर्शित करने के लिए console.log(document.getElementsByClassName("hMZdhd")) का प्रयास कर सकते हैं। यह अक्सर मददगार होता है।

3
Takit Isy 22 फरवरी 2020, 19:51

चूंकि आपको उस वर्ग के साथ अंतिम div की सामग्री की आवश्यकता है, आप अंतिम div आइटम की अनुक्रमणिका की गणना कर सकते हैं और सामग्री प्राप्त कर सकते हैं:

var element = document.getElementsByClassName("hMZdhd");
var val = element[element.length-1].innerHTML;
console.log(val);
<div class="hMZdhd">Additional access
  <div class="OcFGjf">
  <div role="listitem" class="wnt0Xd">View your approximate age</div>                         
  <div role="listitem" class="wnt0Xd">View your language preferences</div>
</div>
</div>
<div class="hMZdhd">March 20, 12:06 PM</div>
2
Ankit Agarwal 30 मार्च 2018, 08:19