https://testautomationu.applitools.com/automating-in-the-browser-using-javascript/

Reference :

• HTML : https://developer.mozilla.org/en-US/docs/Web/HTML
• CSS : https://developer.mozilla.org/en-US/docs/Web/CSS

Finding Elements

using DOM Selection

• Right click on the browser > Choose Inspect
• In Elements tab, there will be DOM for us to use to inspect the web element.
• When we hover the mouse in the browser under the element, the element will be highligthed.
• We can copy the CSS Selector or Xpath that can be used to find the element.
  • for this we need to know the basic of HTML and CSS for use to create unique CSS selector or xpath so that our locators is not fragile
• Also can go to Sources > Page, and ther will be source code for the page and you can see the CSS file and get the exact CSS selector that you want

using JavaScript