技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2023 iThome 鐵人賽
DAY
26
0
影片教學
一起來實作響應式網頁設計
系列 第
26
篇
一起來實作響應式網頁設計:為網頁新增元素吧! Day26
15th鐵人賽
coding19
2023-10-11 23:48:55
345 瀏覽
分享至
影片教學
重點回顧
DOM 的 nodes
HTMLCollection:html element nodes
NodeList:包含html element nodes, text node, 註解 comment node
為array-like object:可以透過index取得
Document Object Methods
document.querySelector(css的selector):回傳第一個符合選擇器的element object
document.querySelectorAll(css的selector):回傳靜態的NodeList
document.createElement(html tag):新建立html元素
參考資料
https://en.wikipedia.org/wiki/Document_Object_Model
以上就是今天的教學,感謝大家觀看。
留言
追蹤
檢舉
上一篇
一起來實作響應式網頁設計:DOM&Window Object Day25
下一篇
一起來實作響應式網頁設計:代辦清單實作 Day27
系列文
一起來實作響應式網頁設計
共
30
篇
目錄
RSS系列文
訂閱系列文
3
人訂閱
26
一起來實作響應式網頁設計:為網頁新增元素吧! Day26
27
一起來實作響應式網頁設計:代辦清單實作 Day27
28
一起來實作響應式網頁設計:To Do List 專案-刪除某一項目 Day28
29
一起來實作響應式網頁設計:探究Bootstrap Day29
30
一起來實作響應式網頁設計:用bootstrap的元件打造景點介紹網站 Day30
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
10953
篇
完賽人數
102
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
17th鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
HP iLo Advanced trial license
在線求大神,千奧軟體主機怎麼安裝
因為網路磁碟的關係造成系統自動重新開機
Docker Compose 建立 GitLab 容器,執行器 Runner 運行流水線問題
windows server無法使用gpedit.msc
Java證照題目(main() method)
iatf16949資訊稽核
iatf16949資訊稽核內容
熱門回答
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
因為網路磁碟的關係造成系統自動重新開機
iatf16949資訊稽核
windows server無法使用gpedit.msc
熱門文章
第4天,數位憑證的產生 / 中崙張記藥膳排骨 排骨讚(台北松山)| 30天滷肉飯
第4天,Cloudflare Public DNS 與 WARP / 滷小小 美味的滷味 | 30天板橋湳雅夜市
[為你自己學 n8n] 第 4 天,節點大師之路:產生寶可夢、篩選、算戰力!
Day 17- 分離關注點:設定與主要邏輯分開
第5天,數位憑證的格式 PEM、DER / 小辣椒魷魚羹(台北萬華)| 30天滷肉飯
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}