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