前端在走，jS要懂。
所以今天來複習點基礎的jS概念，首先知道HTML裡的每段開始跟結尾的標籤都是元件（有些沒有結尾的也算唷，例如: Br, input等 ），而jS就是透過其語言操作這些元件。
元件就是指HTML裡的div, p, h1~h6, table之類的，詳細資料可以Google查詢，每一個都有其代表的用意及用法。
以jS操作元件的方式，簡單說就是透過在網頁裡撰寫下列文字(我習慣寫在Body最下面，因為網頁是從上往下執行的，所以，我們要先有一個元件，才能透過jS去操作它)：
<!DOCTYPE html>
<html>
<body>
<div id="test"></div>
<script>
document.getElementById('test').innerHTML = 'Test Text'
</script>
</body>
</html>
然後我們就可以看到原本沒有內容的div中產生 Test Text的文字。
讀到這裡我們可以想像，原本需要重複撰寫的東西(如產生表格)、需要動態載入的資料（如姓名、年齡），可以透過jS或與資料庫的搭配省下許多精力。
前面我們提到了執行的順序，這是很重要的部分，有時候會發生“為什麼寫了但卻沒有反應的問題”，通常都是因為寫的位置錯誤（還沒有元件就開始執行）造成的。
今日的參考網站：
由於我是做中學長出來的網頁設計師，所以在觀念或用詞遣字上也許並不正確精準，歡迎各位前輩不吝指導，也期待有一樣是網頁設計師的同伴願意提出疑問，我會盡可能努力的解說我所理解的部分。
iThome鐵人賽
看影片追技術