Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट में एक ही फ़ंक्शन के लिए दो या दो से अधिक लिंक के लिए ऑनक्लिक क्या काम नहीं कर रहा है?

<घंटा/>

यदि ऑनक्लिक दो या दो से अधिक लिंक के लिए काम नहीं कर रहा है, तो जावास्क्रिप्ट में document.querySelectorAll() का उपयोग करें। निम्नलिखित कोड है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.
css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
</head>
<body>
<div class="class1">www.example.com</div>
<div class="class1">www.test.com</div>
<script>
   const values = document.querySelectorAll('[class=class1]');
   values.forEach(function(v) {
      console.log(v.innerHTML);
   });
</script>
</body>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम “anyName.html(index.html)” को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "ओपन विद लाइव सर्वर" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

जावास्क्रिप्ट में एक ही फ़ंक्शन के लिए दो या दो से अधिक लिंक के लिए ऑनक्लिक क्या काम नहीं कर रहा है?


  1. 'ऑनक्लिक' जावास्क्रिप्ट का उपयोग करते समय मैं दो या दो से अधिक फ़ंक्शन कैसे चला सकता हूं?

    आइए पहले एक बटन सेट करें - <button type="submit" onclick="callTwoOtherFunctions()"> Call </button> ऊपर, हमने दो अन्य कार्यों को कॉल करने के लिए ऑनक्लिक के तहत एक फ़ंक्शन सेट किया है - function callTwoOtherFunctions(){    fun1();    fun2(); } इस त

  1. ऑनक्लिक () के साथ एक फ़ंक्शन को कॉल करें - जावास्क्रिप्ट?

    मान लें कि निम्नलिखित हमारा बटन है - <button onclick="displayingMessageOnButtonClick()">Press Me</button> हमें उपरोक्त बटन के क्लिक पर एक फ़ंक्शन को कॉल करने की आवश्यकता है। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>  

  1. विंडोज 10 में फंक्शन कीज काम नहीं कर रही हैं? यहाँ क्या करना है

    फ़ंक्शन कुंजियाँ आपको कई हार्डवेयर सुविधाओं को नियंत्रित करने का तेज़ और आसान तरीका प्रदान करती हैं। Fn कुंजियों का उपयोग करके आप स्क्रीन की चमक को समायोजित कर सकते हैं, स्पीकर की मात्रा को नियंत्रित कर सकते हैं, या कई कार्यों के बीच हवाई जहाज मोड को चालू और बंद कर सकते हैं। लेकिन कभी-कभी ये काम कर