Skip to content

An HTML element id is a global variable

Little relatively unknown fact, if you have an id attribute on an element, you can reference it in this way:

// html
<button id="yo">…</button>

// js
yo.onclick = ...

Furthermore, child elements with a name attribute can be referenced in this way:

// html
<form id="x"> 
  <input name="em"> 
</form>

// js
x.em.onclick = ...

Maybe not your favorite API, but it’s a thing.


→ Here's my latest YouTube video

→ Get my HTML Handbook

→ I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter

JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025

Bootcamp 2025

Join the waiting list