寫程式需要的三件事情:
讓 JavaScript 與 HTML 之間透過 DOM 這一個橋樑溝通,將 Document 當成一個物件來看,這個物件有很多的節點 (Node),例如:
![](https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/DOM-model.svg/1200px-DOM-model.svg.png =500x450)
用標籤名稱選擇元素。
例如:有一個 div:
<div>
Hello World
</div>
let element = document.getElementsByTagName('div')
console.log(element);
就會印出一個 div 陣列:
印出陣列第 0 位:
用 Class Name 選擇元素。
HTML:
<div class='block'>
Hello World~
</div>
JavaScript:
let element = document.getElementsByClassName('block')
console.log(element);
Log 之後:
用 Id Name 選擇元素。
可以用 Class Name、標籤、Id Name 選擇元素,若同時有多個標籤,
只能選到第一個碰到的標籤。
可以用 Class Name、標籤、Id Name 選擇元素,若同時有多個標籤,
可以選到多個標籤。