let lastChild = parentElement.lastElementChild;Code language: JavaScript (javascript)

// HazaaZOOZ - javascript - How to get child of child javascript

​

var li = document.querySelector("li");

var number = 13;

li.children[0].children[0].innerHTML = number;

​

​

// Get the parent element

const parentElement = document.querySelector('.parent');

​

// Use querySelectorAll to retrieve child elements

const childElements = parentElement.querySelectorAll('.child');

​

// Access the retrieved child elements

childElements.forEach(child => {

    // Do something with each child element

    console.log(child);

});

// Assuming you have a reference to the parent element

const parentElement = document.querySelector(".parent-element");

​

// Use the querySelector method to find the child element within the parent element

const childElement = parentElement.querySelector(".child-element");

​

// Check if the child element exists

if (childElement) {

  // Your code to handle the child element

  console.log(childElement);

} else {

  console.log("Child element not found");

}

// Assuming we have an HTML element with the id "parent"

var parentElement = document.getElementById("parent");

​

// Accessing the direct child elements of the parent element

var childElements = parentElement.children;

​

// Printing the child elements

console.log(childElements);

var listElement = document.getElementById("element");

​

// could also use listElement.children;

var listElements = listElement.getElementsByTagName('div'); 

​

for (i = 0; i < listElements.length; i++) {

  alert(listElements[i].id);

}

         let content = document.getElementById('menu');

let firstChild = content.firstChild.nodeName;

console.log(firstChild);Code language: JavaScript (javascript)

// Get the parent element

const parentElement = document.getElementById("parent");

​

// Get all child elements of the parent using a CSS selector

const childElements = parentElement.querySelectorAll(".child");

​

// Iterate over the child elements

childElements.forEach((child) => {

  // Perform operations on each child element

  console.log(child);

});

var child_element = document.querySelector("#id").children[0];

//Where # defines id and '.' a class. And 0 argument the first child element

/*

<div id="parent">

    <input value="off" />

    <button type="button">Click Me</button>

</div>

*/

​

const input = document.querySelector('#parent input');

const button = document.querySelecctor('#parent button');

// Method 1: Using querySelectorAll

const parentElement = document.querySelector('.parent'); // replace '.parent' with the appropriate parent element selector

const childElements = parentElement.querySelectorAll('.child'); // replace '.child' with the appropriate child element selector

console.log(childElements);

​

// Method 2: Using children property

const parentElement = document.querySelector('.parent'); // replace '.parent' with the appropriate parent element selector

const childElements = parentElement.children; 

console.log(childElements);

​

// Method 3: Using getElementsByTagName

const parentElement = document.querySelector('.parent'); // replace '.parent' with the appropriate parent element selector

const childElements = parentElement.getElementsByTagName('div'); // replace 'div' with the appropriate child element tag name

console.log(childElements);

​

// Method 4: Using getElementsByClassName

const parentElement = document.querySelector('.parent'); // replace '.parent' with the appropriate parent element selector

const childElements = parentElement.getElementsByClassName('child'); // replace '.child' with the appropriate child element class name

console.log(childElements);