此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 我們就可以複製起來

放到最後面

results matching ""

    No results matching ""