Question

这是我的代码：

var fs = require('fs');
var arr = [];

function readIn(callback){
    fs.readFile(process.argv[2],'utf8',function whenDone(err, fileContent){

        arr = fileContent.split('\n');
        callback();
    })
}

var result = arr.length -1

function printOut(){
    console.log(result);
}

readIn(printOut);

我的HTML中有一个按钮来调用此函数，但它只为最后一项创建了一个按钮（7）。如何为阵列中的每个项目创建不同的按钮？任何帮助表示赞赏。

Answer 1

将附加到innerHTML而不是分配，例如

＆＃13;

var never = [1,2,3,4,7];

function please () {
  for (var i = 0; i < never.length; i++) {
    document.getElementById("more").innerHTML += "<button>" + never[i] + "</button>";
  }
}

please();

＆＃13;

<div id="more">
</div>

＆＃13;

Answer 2

最好的方法是在container.Each中附加已创建的按钮。

var never = [1,2,3,4,7];

function please () {
  var more=document.getElementById("more");
  for (var i = 0; i < never.length; i++) {
    var butt=document.createElement("button");
    butt.innerHTML=never[i];
    more.appendChild(butt);
  }
}

如何为数组/ JavaScript中的每个项创建不同的按钮

2 个答案: