iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 18
2

正文開始:
昨天學到了如何抓取到特定元素,但有時候我們會將元素內容改變,那麼如果我們需要它原先的內容就需要東西來儲存了,而這東西就是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


上一篇
day17 - 抓取元素
下一篇
day19 - 新增屬性
系列文
從零開始的基礎網站開發29
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言