用JavaScript改變網頁內容
變更某區塊(DIV)內的網頁內容(innerHTML)。
為了方便JavaScript的練習,請同學按鍵盤的「F12」,換到「主控台(Console)」,準備打字輸入JavaScript程式碼。
這個區塊的id是d1。可以輸入「document.getElementById("d1").innerHTML = "d1的新內容" ;」以修改內容。
這個區塊的id是d2。可以輸入「document.getElementById("d2").innerHTML = "d2的新內容" ;」以修改內容。
這個區塊的id是d3。可以輸入「document.getElementById("d3").innerHTML = "d3的新內容" ;」以修改內容。
說明:
- document 指這個網頁
- document.getElementById("ooxx") 指找出網頁裡id為ooxx的元件
- document.getElementById("ooxx").innerHTML 指id為ooxx的元件內容
- document.getElementById("ooxx").innerHTML = "ABC123" 將id為ooxx的元件內容修改為 ABC123
練習:
- 請把區塊d1的內容換成 你的班級座號
- 請把區塊d2的內容換成 你的學號
- 請把區塊d3的內容換成 你的姓名(or暱稱)