正文開始:
昨天學到了如何抓取到特定元素,但有時候我們會將元素內容改變,那麼如果我們需要它原先的內容就需要東西來儲存了,而這東西就是var變數
變數的使用方法在各城市語言中都不一樣,而在Javascript的使用方法非常單純,只要先打出var後面接上命名就好了
var hello
這樣就有一個名為hello的儲存器了,當要把東西丟進去只需要使用等號加上需要儲存的內容即可
var hello = "text";
這樣我們就有一個名為hello的儲存器其內容為text,需要更改內容只需要在調出hello將內容更改掉就可以了,而在變數命名上W3C有明確規範不能與保留字相同,這邊附上連結保留字,還有一個需要注意的地方是命名大小寫會有影響,這邊不要忘記,底下有一段程式示範了變數一些使用方法,而在後方事件處理時變數會變得更加重要
程式意思為一開始有text和text2這兩個標題
<h1 id="text">hello</h1>
<h1 id="text2">I`m heading</h1>
我們將text內容儲存在變數helloinner後便將text的內容更改為hey
var hello = document.getElementById("text");
var helloinner = document.getElementById("text").innerHTML;
hello.innerHTML = "hey";
而後再將helloinner丟進text2中
var head = getElementById("text2");
head.innerHTML = helloinner;
由於text的內容是先儲存在helloinner內因此這時我們就可調用到原先text的內容,所以text2的內容會是text原先的內容hello