I've got JS code in my <head> that I'd like to click an element in the <body>. This is causing errors even though I've tried to postpone running the JS by:
- calling 'defer'
- using 'document.onload'
- using 'window.onload'
Is there any way to have my JS in the <head> or do I just need to move it to the bottom of the <body>?
Here's a test page showing the issue:
<head>
<script defer>
document.addEventListener(
"DOMContentLoaded",
document.getElementById("my_item").click()
);
</script>
</head>
<body>
<h1 id="my_item">Testing Defer JS</h1>
<script></script>
</body>
</head>
