将document.write更改为相应的element.innerHTML

时间:2015-09-11 22:49:02

标签: javascript html

所以,我是学习js的新手。我知道document.write已经过时,新的解决方案是element.innerHTML。我正在完成一些教程,但在测试我的代码时,它已经破解了。什么是适当的方法来插入element.innerHTML及其附带的代码,以使其工作?

以下是我的代码:

<!DOCTYPE html>
<html>
<head>
    <title>8. Javascript Arrays</title>
</head>
<body>
    <h1>8. Javascript Arrays</h1>
    <script>
<div id="flightDate"></div>
<div id="myValues"></div>

var flightDate = new Date("September 22, 2004");
var myValues = ["Oceanic", 815, flightDate];

for (i in myValues)
{
    document.write("<br />" + myValues[i]);
}

    </script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您可以在您创建的DIV中显示输出。

document.getElementById('flightDate').innerHTML = flightDate;
for (i = 0; i < myValues.length; i++) {
    document.getElementById('myValues').innerHTML += myValues[i] + '<br/>';
}

+=将值与已经存在的内容联系起来。