JavaScript 動態加入 li 物件

原始出處
UL_ID = 要加入的UL
li.id 不一定需要 , 依程式而定
li.innerHTML li 的內容
最後使用 appendVhild(li) 把項目加

var grid_ul = document.getElementById("UL_ID");
grid_ul.innerHTML = "";  // clear <li>
for (var y = grid_y-1; y >= 0; y--) {
    for (var x = 0; x < grid_x; x++) {
      var li = document.createElement("li");
      li.id = "grid_" + (y*grid_x+x);
      li.innerHTML = '<a href=""></a>';
      grid_ul.appendChild(li);
    }
}

var grid_ul = document.getElementById("UL_ID");

grid_ul.innerHTML = ""; // clear <li>

for (var y = grid_y-1; y >= 0; y--) {

for (var x = 0; x < grid_x; x++) {

var li = document.createElement("li");

li.id = "grid_" + (y*grid_x+x);

li.innerHTML = '<a href=""></a>';

grid_ul.appendChild(li);

}

(Visited 66 times, 1 visits today)

Follow us