selector.js

/*
2 type of selectors
i) Single element selector.
ii) Multi element selector.
*/

//Single element selectors

// 1-Selecting by id name
// let elem=document.getElementById('hlo')
// elem=elem.className;//By this you can get class name
// elem=elem.parentNode;
// elem=elem.childNodes;
// elem.innerText="hello"//Will print this in hlo id
// elem.innerHTML="<b>Hello</b>"//Will print this in hlo id but with bold tag used.
// console.log(elem)

// 2-Selecting by query selector
// let sel=document.querySelector('.child');
// console.log(sel)//It will print the 1st element of this class.

// let sel=document.querySelector('#hlo');
// console.log(sel)

// let sel=document.querySelector('div');
// console.log(sel)//It will print all the elements of div 
// sel.style.color="red";//It will change the color for all div elements.



//Multi element selector.


// let elem=document.getElementsByClassName('child')
// console.log(elem)//prints all the classes with child name.

// let elemt=document.getElementsByTagName('div')
// console.log(elemt)//prints all the elements with div tag.

// let elem=document.getElementsByClassName('child')
// console.log(elem[0].getElementsByClassName('child'))//It will print the first element of that class by elem[0].