🔸DOM element with "id"

JS ⟩ scope ⟩ global ⟩ DOM element with "id"

DOM element with the "id" attribute.

DOM element with "id" is registerd as global variable/global object property automatically.

replit：DOM globals

📁 index.html

<!--╭───── id ──────╮    -->
<ul id="my-todo-list">
    <!--╭── id ──╮    -->
    <li id="first">Write a book</li>
</ul>

📁 script.js

// ⭐️ case 1: "id" is valid "identifier"
first,                   // <li id="first">    // global variable ⭐️ 
window.first,            // <li id="first">    // dot notation ⭐️ 
window["first"],         // <li id="first">    // bracket notation

// ⭐️ case 2: "id" is invalid as "identifier"
window["my-todo-list"],  // <ul id="my-todo-list">

Previousglobal var Nextmodule scope

Last updated 2 years ago