html代碼 js中如何動(dòng)態(tài)的將字典添加到列表中？
js中如何動(dòng)態(tài)的將字典添加到列表中？這是一個(gè)使用JS添加Li的示例，供您參考：<！DOCTYPE HTML><html><head><meta charset=“UTF-8
js中如何動(dòng)態(tài)的將字典添加到列表中？
這是一個(gè)使用JS添加Li的示例，供您參考：<！DOCTYPE HTML><html><head><meta charset=“UTF-8”><title>js添加Li元素</Title></head><body><ul id=“UL1”onclick=“add（）”><li>單擊此處為行計(jì)數(shù)函數(shù)添加Li行</Li></UL><script> var CNT=1//add（）{var element}li=文檔.createElement（“Li”）//生成Li元素li.innerHTML=“這是設(shè)置元素內(nèi)容的附加行”CNT//文檔.getElementById（“ul1”）.appendChild（elemuli）//添加到UL}</script></body></HTML>
1。使用jQuery腳本庫(kù)，所以首先介紹jQuery腳本文件。2HTML代碼，是一個(gè)UL列表，里面有兩個(gè)img控件，還有一個(gè)按鈕。注意，UL被賦予了一個(gè)樣式名。三。使用jQuery，首先為按鈕添加click事件。4在click event函數(shù)中，我們可以直接使用js代碼獲取img控件，VAR IMGs=$（）。JY）這是使用jQuery的便利。您可以使用UL list的樣式名和Li img的控件名分層獲得圖像控件。5使用alert輸入圖像的SRC屬性來驗(yàn)證數(shù)據(jù)是否準(zhǔn)確。因?yàn)橛袃蓚€(gè)圖像控件，所以我們?cè)诖a中得到的是一個(gè)數(shù)組。我們輸出第二個(gè)圖像的SRC。6運(yùn)行頁面，可以看到有兩張圖片和一個(gè)按鈕，點(diǎn)擊按鈕。7點(diǎn)擊后，彈出第二張圖片的SRC屬性。與代碼相比，數(shù)據(jù)是正確的。