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

JavaScript में HTML टेबल के हर एलिमेंट पर IF कंडीशन लागू करना


इसके लिए, आप document.querySelectorAll.forEach() का उपयोग कर सकते हैं।

उदाहरण

कोड निम्न है:

<!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title> </head> <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> <body>    <table>       <tr>          <td class="demo"> Java </td>       </tr>       <tr>          <td class="demo"> MySQL </td>       </tr>       <tr>       </tr>    </table> </body> <script>    document.querySelectorAll(".demo").forEach(function (obj) {       if (obj.innerText.trim() === "MySQL") {          obj.innerText = "Javascript";       }       if (obj.innerText.trim() === "MongoDB") {          obj.innerText = "Python";       }    }); </script> </html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम anyName.html(index.html) सहेजें। फ़ाइल पर राइट-क्लिक करें और VS कोड एडिटर में "Open with live server" विकल्प चुनें।

आउटपुट

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

JavaScript में HTML टेबल के हर एलिमेंट पर IF कंडीशन लागू करना


  1. JavaScript में HTML div को टेक्स्ट एलिमेंट में कैसे बदलें? JavaScript में HTML div को टेक्स्ट एलिमेंट में कैसे बदलें?

    इसके लिए, document.querySelectorAll() का उपयोग करें। इसके साथ getElementsByClassName() का भी उपयोग करें। कोड निम्न है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width

  1. JavaScript के साथ innerHTML सेट करें JavaScript के साथ innerHTML सेट करें

    innerHTML सेट करने का सही सिंटैक्स निम्नानुसार है - document.getElementById(yourIdName).innerHTML=yourValue; आइए अब देखें कि innerHTML कैसे सेट करें - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-widt

  1. JavaScript में ID द्वारा एलिमेंट हटाना JavaScript में ID द्वारा एलिमेंट हटाना

    ID द्वारा एलिमेंट हटाने के लिए, आप remove() का उपयोग कर सकते हैं।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>    <title>Document