此id 這東西的話其實非常好用, 不只是拿去撰寫 css 用的
不論是它的功能性也好 也會講到 JavaScript 的語法
1.page.html 的 # title3 指定位子
2.修改這個 id 裡面的文字內容 寫法是 textContent
document.getElementById('title1').textContent='修改後的標題';
document 是代表甚麼意思呢?就是目前你網頁上的主體,主體下面他本身JavaScript 有很多的程式
就是裡面的話有一些內建程式像這個 .getElementById 的話
就代表可以透過這樣的方式去指定裡面的 id 的內容,指定 id 的內容的話就會找到有title1
這個id
的HTML
用這種'
還有"
的方式 來去做去讀取裡面的內容,選擇到這個裡面的 id 以後,要修改 id的裡面值的內容
那修改的話就會使用到 JavaScript 其中一個語法,叫做textContent
就是 = 也是一樣 請用這個'
和"
標起來
來變成修改後的內容
3.javascript 常常放在最後面?
今天網頁再去讀取你的,文件的時候是從上到下去執行的
他執行到前面的時候發現,你前面根本沒有任何的東西,沒有任何的 html
所以他根本找不到 你這個 標題一的位置在哪裡
所以當然是要等 body 裡面的內容跑完以後,再來去執行 JavaScript
所以像這一行的 JavaScript 我們就可以複製起來
放到最後面