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

JavaScript में चाइल्ड नोड काउंट कैसे प्राप्त करें?

उदाहरण

children.length प्रॉपर्टी से चाइल्ड नोड्स की संख्या गिनें।

<!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> 
<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>

फ़ाइल सेव करें और Live Server से खोलें।

आउटपुट

कंसोल में पैरेंट UL के चाइल्ड LI एलिमेंट्स की संख्या दिखाई देगी।

  1. JavaScript में नई लाइन स्ट्रिंग कैसे बनाएं? JavaScript में नई लाइन स्ट्रिंग कैसे बनाएं?

    नई लाइन के लिए टैग का उपयोग करें। उदाहरण निम्नलिखित कोड देखें: Document My Name is David Miller document.getElementById(headingDemo).innerHTML = My Favourite Subject is JavaScript + + I live in AUS.; उपरोक्त प्रोग्राम चलाने के लिए, फ़ाइल का नाम anyName.html (index.

  1. JavaScript में स्ट्रिंग दोहराना JavaScript में स्ट्रिंग दोहराना

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

  1. JavaScript में DOM नोड के सभी चाइल्ड एलिमेंट्स हटाना JavaScript में DOM नोड के सभी चाइल्ड एलिमेंट्स हटाना

    चाइल्ड एलिमेंट्स हटाने के लिए, innerHTML को पर सेट करें।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>    <title>Document</tit