今天直接來實作最常使用的點擊事件

html

<div>按我</div>
<div id="text">HI!!!</div>

我現在要做的事情是，點擊按我這個div以後我要變更id="text"的這個div

那我應該怎麼做呢？

首先我們在header裡先加上<script>的標籤
那其實不一定要加在header裡，習慣上我都會另外分成一隻檔案

function

那接下來我們就來寫點擊後要觸發的那一個事件

  <script>
    function but() {
      document.getElementById("text").innerHTML="你發現我變了嗎？";
    }
  </script>

我們建立了一個名叫but的function
那這個function所執行的事情是改變id叫text的元素裡的文字
document.getElementById : 用來取得id
innerHTML : 改變或者是取得我們的文字

但只寫這樣還沒有動作

接下來我們在<div>按我</div> 新增一個 onclick(點擊) 屬性
<div onclick="but()">按我</div>
這邊要記得function都要記得加()

這樣就完成最簡單的觸發事件了！

那假設 我們text 這個元素會一直用到
我們也可以把它宣告成一個變數，這樣就不用一直去尋找他

    function but() {
      var text = document.getElementById("text");
      text.innerHTML = "你發現我變了嗎？";
    }

那這三天就只講這三種超級無敵基礎的東西
明天直接來分享一些jQuery的用法啦，在某些地方可能跟純js會有點不一樣，但也不會差太多>_O