代码之家  ›  专栏  ›  技术社区  ›  pjk_ok

将所有For循环数组值打印到内部HTML

  •  0
  • pjk_ok  · 技术社区  · 6 年前

    我想将一些数组值打印到容器div内的屏幕上。下面的循环仅将最终数组值“dog”打印到屏幕上。

    我似乎无法解决这里的问题?

    JS公司

    var arr = ["mouse", "cat", "dog"];
    var holder = document.getElementById("holder");
    
    for ( var i=0; i < arr.length; i+=1 ) {
    
    holder.innerHTML = "<p>" + arr[i] + "</p><br/>" ;
    
    }
    

    HTML

    <div id="holder"></div>
    
    1 回复  |  直到 6 年前
        1
  •  4
  •   BuzzRage    6 年前

    尝试使用 += 在里面 holder.innerHTML = "<p>" + arr[i] + "</p><br/>" ; ,否则将覆盖每个迭代的行。

    var arr = ["mouse","cat","dog"];
    var holder = document.getElementById("holder");
    for(var i=0; i < arr.length; i++)
      holder.innerHTML += "<p>"+arr[i]+"</p><br>";
    <div id="holder"></div>