js如何獲取ul里面的li 原生js如何給ul下面添加2個(gè)li?
原生js如何給ul下面添加2個(gè)li?<body><script>(變量i=1i<4i){var ul=文檔.createElement(“ul”)對(duì)于(var j=1j<3j)
原生js如何給ul下面添加2個(gè)li?
<body><script>(變量i=1i<4i){var ul=文檔.createElement(“ul”)對(duì)于(var j=1j<3j){var li=文檔.createElement(“l(fā)i”)li.innerHTML=這是“I”UL“Li”的“J”ul.兒童(李)}document.getElementsByTagName文件(“body”)[0]。追加子級(jí)(UL)}</script></body>
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屬性來(lái)驗(yàn)證數(shù)據(jù)是否準(zhǔn)確。因?yàn)橛袃蓚€(gè)圖像控件,所以我們?cè)诖a中得到的是一個(gè)數(shù)組。我們輸出第二個(gè)圖像的SRC。6運(yùn)行頁(yè)面,可以看到有兩張圖片和一個(gè)按鈕,點(diǎn)擊按鈕。7點(diǎn)擊后,彈出第二張圖片的SRC屬性。與代碼相比,數(shù)據(jù)是正確的。