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.
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.
Share Improve this question edited Jun 14, 2020 at 17:24 Lakshitha Kanchana asked Jun 14, 2020 at 17:18 Lakshitha KanchanaLakshitha Kanchana 1,2352 gold badges18 silver badges38 bronze badges3 Answers
Reset to default 13var 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
.
The root <html>
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
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();
<html></html>