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

जावास्क्रिप्ट में चाइल्ड नोड गिनती?

<घंटा/>

चाइल्ड नोड की गिनती प्राप्त करने के लिए बच्चों की लंबाई का उपयोग करें।

उदाहरण

<!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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<label>
List Of Subject Names are as follows:
</label>
<ul>
<li>Javascript</li>
<li>MySQL</li>
<li>MongoDB</li>
<li>Java</li>
<li id="subjectName">Python</li>
</ul>
<script>
   var arrayValueOfSubject =
   document.getElementById('subjectName').parentNode;
   console.log("The count of child node
   is="+arrayValueOfSubject.children.length);
</script>
</body>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, बस फ़ाइल नाम anyName.html(index.html) को सहेजें और फ़ाइल पर राइट क्लिक करें और VSCode संपादक में लाइव सर्वर के साथ खुले विकल्प का चयन करें।

आउटपुट

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

जावास्क्रिप्ट में चाइल्ड नोड गिनती?


  1. नई लाइन स्ट्रिंग कैसे करें - जावास्क्रिप्ट?

    नई लाइन के लिए टैग का प्रयोग करें। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">  

  1. जावास्क्रिप्ट में स्ट्रिंग दोहराएं?

    स्ट्रिंग को दोहराने के लिए, आप शामिल होने () के साथ ऐरे () का उपयोग कर सकते हैं। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=dev

  1. जावास्क्रिप्ट में एक डोम नोड के सभी बाल तत्वों को निकालें?

    चाइल्ड तत्वों को हटाने के लिए, आंतरिक HTML को पर सेट करें। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-sc