How to select element using pure javascript?

Question

I want to get the element using javascript without using its ID( html id="somethin" ) or a class.

Something like.....

var whatIWantedToSelect = document.html;

OR Something like.....

var whatIWantedToSelect = document.getElementsByTagName('html')[0];

Please, see the below picture to see the exact DOM element that I want to access via javascript.

Dorward_19068 · Answer

var whatIWantedToSelect = document.html;

The HTML element is the document.documentElement.

var whatIWantedToSelect = document.getElementsByName('html')[0];

getElementsByName matches elements by their name attribute. You are looking for getElementsByTagName.

user_7486313 · Answer

You can use getElementsByTagName function as follows:

let html = document.getElementsByTagName('html')[0];
console.log(html);
html.addEventListener("click",function(){
     console.log("clicked")
})

html.click();

user_1871033 · Answer

The root element is available as document.documentElement. So there is no need to select it by tag name (which would have worked too, but you had getElementsByName instead of getElementsByTagName).

Docs: https://developer.mozilla.org/en-US/docs/Web/API/Document/documentElement

var whatIWantedToSelect = document.documentElement

How to select <html> element using pure javascript?

3 Answers