站長阿川 · 01月06日

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

本課程為付費解鎖教材

站長獨家研發的新手友善、專案導向教材！

查看方案

1個讚 38留言 1,744瀏覽

按讚的人：

共有 38 則留言

登入之後發表留言

文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式

hung 1年前

作業繳交 https://jsfiddle.net/y97oenpv/96/ 有一個小 bug 想請問如何才能將 Array 中(todoLists)所選的正確位置刪除?

1個讚回覆

按讚的人：

站長阿川 1年前

很好，作業順利完成！經測試，你的作業並沒有 bug 如果有關於陣列操作的更一般性問題，請直接到「討論專區」提出，並且描述清楚問題，最好附上範例程式碼

其它補充：

請參考我前一課的回覆，不需要 todoLists 陣列也可以

0個讚回覆

hung 1年前

有 bug 喔匯出的顯示順序出錯 bug 操作影片 https://lurl.cc/fJGUvj

Fix bug: https://jsfiddle.net/24vyer91/2/

1個讚回覆

按讚的人：

站長阿川 1年前

看到了，當兩個陣列元素相同的時候，.indexOf 會回傳第一個元素索引，所以會出錯。這 bug 只有在待辦事項有重複的時候，才會發生

你的新解法，可以解決問題

不過，如果按照我說的，根本不使用 todoLists 陣列，也可以避免這個 bug

1個讚回覆

按讚的人：

hung 1年前

已改用 .children: https://jsfiddle.net/24vyer91/26/ 確實相對簡單且無上述 bug 產生感謝 :)

1個讚回覆

按讚的人：

站長阿川 1年前

very good

0個讚回覆

回覆 hung......

birdie 1年前

交作業～ https://jsfiddle.net/birdie2019/wkqbvhma/223/

1個讚回覆

按讚的人：

站長阿川 1年前

很好，順利完成！

0個讚回覆

回覆 birdie......

evon0306 1年前

第四課https://jsfiddle.net/evon0306/0854ksfu/45/ 匯出的函式搞半天跑不出來結果是加入class時多了一個空白所以if判斷一直不一樣（吐血

1個讚回覆

按讚的人：

站長阿川 1年前

很好，順利完成！

寫程式每天都會遇到 bug，這很正常，習慣就好！

0個讚回覆

回覆 evon0306......

wei 1年前

交作業 https://jsfiddle.net/cncent454518/z7f82k16/154/

1個讚回覆

按讚的人：

站長阿川 1年前

差一點，匯出訊息的格式不對～

0個讚回覆

wei 1年前

已修正匯出訊息 https://jsfiddle.net/cncent454518/z7f82k16/158/

1個讚回覆

按讚的人：

站長阿川 1年前

很好！順利完成！

0個讚回覆

回覆 wei......

小籃 1年前

交作業 https://jsfiddle.net/81ue_lan/2absqLm6/291/

1個讚回覆

按讚的人：

站長阿川 1年前

寫得很好，順利完成！

0個讚回覆

回覆小籃......

小軒 1年前

https://jsfiddle.net/johnny890118/escz54L7/729/ 交作業！發現程式其實很簡單，只是有時候想複雜了。

1個讚回覆

按讚的人：

站長阿川 1年前

寫得很好，順利完成！

0個讚回覆

回覆小軒......

Lv1村民 1年前

作業繳交 https://jsfiddle.net/tp655998/wjr07fom/

1個讚回覆

按讚的人：

pchun 1年前

交作業，再麻煩站長了，謝謝! https://js-dolist.glitch.me

1個讚回覆

按讚的人：

Tsaï 11個月前

https://jsfiddle.net/tsaii/fp80u1zs/163/ 交作業！

1個讚回覆

按讚的人：

站長阿川 11個月前

寫得很好，順利完成！

0個讚回覆

回覆 Tsaï......

zooey 9個月前

交作業~ヽ(･∀･)ﾉ https://jsfiddle.net/ZooeyLai/csjy0mLh/4/

1個讚回覆

按讚的人：

站長阿川 9個月前

寫得很好，順利完成！

0個讚回覆

回覆 zooey......

dfg312546 9個月前

https://jsfiddle.net/dfg312546/vL9bc2r0/197/ 交

1個讚回覆

按讚的人：

K.Lee 9個月前

繳交作業 https://jsfiddle.net/kushmuffin/h7eaxv0j/202/

最後面if判斷式兩個.className打成.class"n"ame 找了半個多小時...

1個讚回覆

按讚的人：

站長阿川 8個月前

寫得很好，順利完成！

0個讚回覆

回覆 K.Lee......

wimp9487 8個月前

https://jsfiddle.net/wimp9487/gy9hrc8w/309/ 交作業!

1個讚回覆

按讚的人：

學店人 7個月前

作業繳交

https://jsfiddle.net/mb2902911/7f8hbvLp/3/

1個讚回覆

按讚的人：

papo675294 6個月前

https://jsfiddle.net/B__rain/6d4g2xaf/252/ 因為一個空白鍵 IF判斷式沒有起作用

1個讚回覆

按讚的人：

Mars 6個月前

交作業 https://jsfiddle.net/CryptoMars/a1ecfhdL/19/

1個讚回覆

按讚的人：

佑 5個月前

交作業了! https://jsfiddle.net/g5uow60v/

1個讚回覆

按讚的人：

2個月前

交作業~ https://jsfiddle.net/q8vnyjpo/20/

1個讚回覆

按讚的人：

米 2個月前

2024.02.09 https://jsfiddle.net/go6utn4f/

1個讚回覆

按讚的人：

啊和 2個月前

繳交作業 https://jsfiddle.net/shnny/4n0ghps6/113/

1個讚回覆

按讚的人：

2個月前

https://jsfiddle.net/Fanny60714/e8x6pvL5/231/

1個讚回覆

按讚的人：

林雨龍 1個月前

交作業:https://jsfiddle.net/max002215/7h9ceq8v/35/

1個讚回覆

按讚的人：

1個月前

繳交作業謝謝！ https://jsfiddle.net/2fo9yx7c/

1個讚回覆

按讚的人：

留言......

可試閱

自學網頁の嬰兒教材：JavaScript（二）—— 親手做個待辦事項小工具

網站前端、後端工程師必備技能，最萬用的程式語言之一，新手必學的入門教材！

課程內容

👉 JavaScript 系列二：前言

👉 JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

👉 JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

🔒 JavaScript 系列二：第3課 ── 認識 for 迴圈

🔒 JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

🔒 JavaScript 系列二：第5課 ── 認識 onchange 事件

🔒 JavaScript 系列二：第6課 ── 讀取與修改 DOM 元素的 style

🔒 JavaScript 系列二：第7課 ── 用 Selector API 選取元素

🔒 JavaScript 系列二：結語

站長阿川

👉 身份：資深全端工程師、指導過無數人半路出家轉職 👉 使命：打造 CodeLove 成為優質新手村，讓非本科也有地方自學＆討論