創作內容

2 GP

學習js的注意要點-innerHTML與for的搭配使用

作者:瘋狂兔控│2018-11-04 19:35:08│巴幣:4│人氣:103
這個東西是寫給我自己看的啦!!

太多東西要記了很可能會忘掉所以就做個紀錄

當要使用到類似陣列傳進ul裡面的時候需要用到for迴圈把資料拿出來再用innerHTML放進ul裡面的狀況時需要注意的事情

當然也是有其他做法....
不過這個做法比較需要注意所以就先記錄一下

先上圖
這裡需要注意的是innerHTML的特性,innerHTML再輸入資料前會先把資料清掉
所以單純用迴圈的話只會出現最後一筆資料

因為前面的資料都被清除了所以只會顯示出最後一筆

所以for迴圈裏面單純做資料或是字串的加總就好 先不要印出來
直到資料全部相加完再印出來

這就是str那個變數的用處
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=4184387
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 2 篇留言

請別忽略我
跨謀 頭暈[e21]

11-20 11:10

瘋狂兔控
看不懂是很正常的XD 除非有點程式基礎11-20 11:29
小戴
innerHTML的特性這段我沒看懂,可以再幫我解釋一下嗎?

12-18 11:39

我要留言提醒:您尚未登入,請先登入再留言

2喜歡★dtslqzlv8j 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:學習js的注意要點-qu...

追蹤私訊切換新版閱覽

作品資料夾

JIC0102因演算法相遇的你
歡迎來小屋看日本長野的諏訪湖旅遊日記~看更多我要大聲說7分前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】