iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

初心者解任務啦!JS 的 30 道任務 系列

初心者向的 JS 的學習紀錄

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 11

[ Day 11 ] - DOM

DOM DOM 是什麼呢? DOM(Document Object Model)當瀏覽器進入網頁時,將 HTML 文件會以樹狀結構的解析,此稱為 DOM Tre...

2021-09-26 ‧ 由 karakamin 分享
DAY 12

[ Day 12 ] - <script> 標籤放哪裡~

上一篇有提到,一個瀏覽器在解析網頁時,會將 HTML 內容由上至下一行一行解析成 DOM 的節點,並且透過 DOM API 來控制節點 那麼,HTML 在寫 J...

2021-09-27 ‧ 由 karakamin 分享
DAY 13

[ Day 13 ] - 如何透過 DOM 抓取網頁元素

本日要來說明如何透過 DOM 取得網頁元素,直接動手做看看! 下面 JS 所使用的 HTML 範例如下: &lt;h1 class=&quot;header...

2021-09-28 ‧ 由 karakamin 分享
DAY 14

[ Day 14 ] - 存取網頁元素之變更指定內容

上一篇提到可以取得指定的 DOM 節點 今日來介紹可如何透過節點存取及變更文件節點 textContent 可以取得或更新指定元素內的文字 範例中, h1...

2021-09-29 ‧ 由 karakamin 分享
DAY 15

[ Day 15 ] - 取得節點內資料的方法

前面已經學習如何更改指定節點的內容今天來介紹如何取出指定節點的資料值 innerHTML 使用 innerHTML 取出指定節點內的 HTML 結構 HTML...

2021-09-30 ‧ 由 karakamin 分享
DAY 16

[ Day 16 ] - 事件

事件 指的是在 DOM 上所發生的事件,換句話是可以是特定的動作被觸發後,必須要執行對應的事情。(如:點選某某功能、按下 ESC 鍵,就是觸發執行某件事。)...

2021-10-01 ‧ 由 karakamin 分享
DAY 17

[ Day 17 ] - Event 物件中的資訊

使用 addEventListener 進行事件監聽,此時 EvetnListener 會建立事件物件( Event Object)並且以參數的型式回傳 &lt...

2021-10-02 ‧ 由 karakamin 分享
DAY 18

[ Day 18 ] - 取消 HTML 預設的觸發行為

HTML 部份元素會有預設的觸發行為,像是 的連結、表單的 submit若是需要在這些元素綁定事件,讓指定的元素可以執行指定的程式碼那就得取消 HTML 預設...

2021-10-03 ‧ 由 karakamin 分享
DAY 19

[ Day 19 ] - 箭頭函式

這邊先簡單介紹前面有用到的函式陳述式和函式表達式 函式陳述式:特性是放在宣告的 function 前或後都可以執行 function numA(x) {...

2021-10-04 ‧ 由 karakamin 分享
DAY 20

[ Day 20 ] - AJAX

AJAX 是什麼? AJAX 全名是 Asynchronous JavaScript And XML,是 JavaScript 使用非同步處理的技術,可以達到無...

2021-10-05 ‧ 由 karakamin 分享