【網戰JavaScript-EP02.2】徹底瞭解DOM文件物件模型的各種寫法/getElementById, addEventListener, .onclick/ DOM關係鏈

文件物件模型有各種寫法，這個影片彙整5種不同的DOM寫法，讓您比較學習其中的差異，並且學習DOM關係鏈
範例網頁在這：promooo.info/Projects/JS/DOM/e...
程式碼可在我的網站上複製：promooo.info/Projects/JS/DOM/dom.html
歡迎到我的網站，來看其它的影片:promooo.info/cwcdo.php?id=4
如何建立網頁架構 • 【網戰HTML- EP01】建立網頁架構
如果你想知道本頻道使用的網頁編輯軟體介紹，影片在這： • 【網知系列】網頁編輯軟體介紹

[@kelvinyeung3394]

超級有用！老師加油！這種底層邏輯，分類寫法才是我們這種小白真正要掌握的，感謝感謝！

[@CwCiPhone]

很高興有幫助

[@64312]

真的感謝你有詳細講解搭配應用才了解js的應用

[@wayne11jan]

謝謝老師的影片，講解的內容非常有用!

[@wun6674]

介紹很詳細非常實用，謝謝老師！

[@rain0sana]

除了第四種沒看過其他都有看過，但每次都搞不清楚這些起手式在幹嘛，這個影片對我這個菜雞超級有幫助！

[@CwCiPhone]

很高興有幫助！

[@luoevan1435]

超級清楚 牛B👍👍👍

[@j_u_d_y3041]

DOM 關係鏈圖好讚～～JS剛學的時候很多都碰一點一點，可是搞不懂其中的關係，這張圖很有幫助！

[@CwCiPhone]

很高興有幫助

[@user-rc2tm1yy5g]

謝謝老師🎉

[@CwCiPhone]

不客氣，你可以來到本頻道的專屬網頁設計頻道來收看更多內容，此頻道連結在這裡，歡迎訂閱：www.youtube.com/@cwc8096

[@cccccoocoo4336]

你講解的好容易懂

[@wendyzing3175]

請問老師 為甚麼第四種方法會有覆蓋的問題呢? 跟屬性有關嗎?

[@CwCiPhone]

跟事件有關，因為如果有兩個click事件同時存在的話，會造成後面那一個事件會被執行，之前的事件會被覆蓋掉

[@carolchen655]

這五種方式都要會寫嗎？還是可以專挑其中一個？

[@CwCiPhone]

不用都會寫，選自己習慣喜歡的；但是如果要學別人的程式，必須要會看，每個人寫的都不一定相同，要看得懂，需要知道這幾種寫法

[@user-sx1ju8yb1j]

請問要如何取得optoin的文字，並加在文字-背景顏色的後面

[@user-sx1ju8yb1j]

自問自答一下：var colors = document.getElementById("colors")
var index = colors.selectedIndex
var colorText = colors.options[index].text
var bgcTitle = document.getElementById("bgcTitle")
bgcTitle.innerHTML = "選擇背景顏色 " + colorText

[@CwCiPhone]

讚👍

[@yuwarm1159]

為何下拉選單裡面有CSS的效果?

[@CwCiPhone]

請問是影片中的哪一個片段？時間點是哪個時候？

[@zzxa789tw]

你好 請問為什麼打驚嘆號 沒出現打好的html架構呢?

[@CwCiPhone]

你使用的是Visual Studio Code 嗎？這功能只有在Visual Studio Code才能使用

[@zzxa789tw]

我是使用vscode 之前有出現 但突然就不能用了！

[@CwCiPhone]

確定有沒有使用正確，但你打上! 之後，要按下Enter鍵，才會跑出來