let content = document.getElementById('menu');
let firstChild = content.firstChild.nodeName;
console.log(firstChild);Code language: JavaScript (javascript)
// given html
<div class="parent">
<div class="child1">
<div class="child2">
</div>
</div>
</div>
// Get parent
let parent = document.querySelector('.parent');
// child element selector
parent.querySelector('.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');
let firstChild = parentElement.firstChild;
Code language: JavaScript (javascript)
let lastChild = parentElement.lastElementChild;Code language: JavaScript (javascript)