js如何獲取ul里面的li 原生js如何給ul下面添加2個li?
原生js如何給ul下面添加2個li?<body><script>(變量i=1i<4i){var ul=文檔.createElement(“ul”)對于(var j=1j<3j)
原生js如何給ul下面添加2個li?
<body><script>(變量i=1i<4i){var ul=文檔.createElement(“ul”)對于(var j=1j<3j){var li=文檔.createElement(“l(fā)i”)li.innerHTML=這是“I”UL“Li”的“J”ul.兒童(李)}document.getElementsByTagName文件(“body”)[0]。追加子級(UL)}</script></body>
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ù)是正確的。