[轉職軟體工程師、自學程式語言] Javascript - the Basics 第七章 : DOM & Event Handling
部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/ 我們今天講的主題是， Javascript - the Basics，大綱如下 第一章 : Introduction 第二章 : Primitive Types 第三章 : Object Types 第四章 : Primitives vs Objects 第五章 : Exressions & Control Flows 第六章 : Built in Functions & Methods 第七章 : DOM & Event Handling 第八章 : Tricky Parts "this" & Closure 第七章 : DOM & Event Handling 講完 JS 就可以來做你網頁與 browser 怎麼做互動 這之前先講一下 JS 能做到甚麼樣的功能 在講怎麼跟 browser 還有 Document 互動之前要先知道有哪些 object 是 browser 主動提供給你的 Document 代表的是 HTML Document console.dir(obj) 為什麼較 DOM，你的 HTML 描述的不只是內容，還有描述 element 跟 element 之間的關係 Document 這個 object 他裡面有一個 Root element，這個element底下就是在跑左方的那寫code，<html><head>......。 他是一個樹狀圖，這裡面每一個 note，基本上就代表的是一個 HTML 的 tab 這張圖可以讓你知道 DOM 是在做什麼的 我們通常用JS操作DOM的方法，就是兩個簡單的步驟 1、Select 2、manipulate 變紅色的字，這樣寫 DOM 在做 Select 可以有哪些選擇，如果你預期 Selector 要好多 element 那就可以用 querySelectorAll( ) 通常這兩個紅色的是比較重要的 querySelector( ) 、querySelectorAll...
