Javascript print() 方法不起作用

Question

我有一个简单的程序，可以将学生对象存储在一个数组中，然后将学生信息打印到网页上。我的程序中有一个打印方法，它接受一个参数并访问 div 元素，然后将元素内部 html 设置为传递的参数以打印消息。请考虑代码片段以查看 document.write 方法在何处工作正常但 print 方法不工作。

var student;
var message = "";


var students =
    [
      {
        name: "Alice",
        track: "IOS",
        achievements: "Bronze",
        points: 20400
      },
      
      {
        name: "Linda",
        track: "Front End Development",
        achievements: "Silver",
        points: 26000
      }
    ];

  function print( msg )
  {
    var output = document.getElementById("output");
    output.innerHTML = msg;
  
  }

  for( var i = 0; i < students.length; i++)
    {
      student = students[i];
      
      message = "<h2> Student : " + student.name + "</h2>";
      message += "<p> Track : " + student.track + "</p>";
      message += "<p> Achievements : " + student.achievements + "</p>";
      message += "<p> points : " + student.points + "</p>";
   // print(message);
      document.write(message);
      
    }

<div id="output">
  
  </div>

Answer 1

这是因为您的 print 方法替换了整个 output div。所以循环的每次迭代都会覆盖之前的输出。

你可以改变:
output.innerHTML = msg;
至:
output.innerHTML += msg;
它会正常工作。