संपादित करें: मैं जावास्क्रिप्ट के लिए बिल्कुल नया हूँ। मैंने अपनी समस्या को हल करने के लिए उम्र बिताई है, लेकिन 'सही' प्रश्न पूछने के लिए सही शब्द या वाक्यांश नहीं जानता। अन्य अस्पष्ट समान प्रश्न बिल्कुल स्पष्ट नहीं हैं और मेरे प्रश्न के समान विशिष्ट नहीं हैं: नौसेना का चयन कैसे करें।

मेरे पास मेरे <nav> में कक्षा जोड़ने के लिए कुछ जेएस हैं:

<script>
    function myFunction() {
       var element = document.getElementById("myDIV");
       element.classList.add("mystyle");
    }
</script>

इसका मतलब है कि मुझे अपने <nav> में एक आईडी जोड़नी होगी जिसके परिणामस्वरूप

<nav id="myDIV">

क्या <nav> में आईडी न जोड़ने का कोई तरीका है? जे एस के लिए एक आईडी जोड़ने के बिना <nav> तत्व का चयन करने के लिए?

मुझे लगता है कि यह कुछ ऐसा होगा:

   var element = document.getElementByType("nav");
-5
Markeee 29 मार्च 2018, 18:51

3 जवाब

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

उसके लिए आप querySelector का इस्तेमाल कर सकते हैं , जो एक CSS चयनकर्ता को एक पैरामीटर के रूप में लेता है

   var element = document.querySelector("nav");
   element.classList.add("mystyle");

यदि वह nav उदा. का बच्चा है। एक header, आप इसके चयनकर्ता को केवल nav हथियाने के लिए जोड़ सकते हैं जो ऐसे माता-पिता के भीतर है

   var element = document.querySelector("header nav");
   element.classList.add("mystyle");

यह बाद की स्थितियों की तरह है जहां यह वास्तव में अपने सीएसएस चयनकर्ता पैरामीटर के साथ उत्कृष्टता प्राप्त करता है

1
Ason 29 मार्च 2018, 16:01

आप getElementsByTagName या querySelector का उपयोग कर सकते हैं

document.getElementsByTagName("nav")[0].classList.add("mystyle");
document.querySelector("nav").classList.add("mystyle2");
.mystyle {
  color: red;
}

.mystyle2 {
  font-size: 18px;
}
<nav>Nav</nav>
0
brk 29 मार्च 2018, 15:54
var element = document.getElementByType("nav");

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

var elements = document.getElementsByTagName("nav");
var first_nav = elements[0];
console.log(first_nav);
<nav></nav>

आप querySelector का भी इस्तेमाल कर सकते हैं, जो CSS चयनकर्ता से मेल खाने वाला पहला तत्व लौटाता है।

var first_nav = document.querySelector("nav");    
console.log(first_nav);
<nav></nav>
1
Quentin 29 मार्च 2018, 16:03