Javascript 文档写入到文档获取元素_Javascript_Html_Css

Javascript 文档写入到文档获取元素

javascript html css

Javascript 文档写入到文档获取元素,javascript,html,css,Javascript,Html,Css,我是JavaScript新手，我想把它带到我的段落中，用id输出但是当我这样做的时候，我没有得到任何输出下面是代码，我想更改所有文档。将写入文档。getElementById（'output'）。innerHTML=blablabla <html> <head> <meta charset="UTF-8"> <title>JavaScript</title> <style type="text/css"> bod

我是JavaScript新手，我想把它带到我的段落中，用id输出

但是当我这样做的时候，我没有得到任何输出

下面是代码，我想更改所有

文档。将写入文档。getElementById（'output'）。innerHTML=blablabla
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
<style type="text/css">
    body
    {
        background-color: black;
        color:springgreen;
        text-align: center;
    }
</style>
</head>
<body>
<p id="output"></p>
<script type="text/javascript">
    var names, i, next;
    names = new Array();
    i = 0;
    do {
        next = prompt("Please enter your name");

        if (next > " " && next != "undefined") names[i] = next;
        i++
    }
     while (next > " " && next != "undefined");
   document.write("<h2>" + (names.length) + " names written</h2>");
   document.write("<ol>");
   for (i in names) {
        document.write("<li>" + names[i] + "<br>")
   }
   document.write("</ol>");
</script>
</body>
</html>   


JavaScript
身体
{
背景色：黑色；
颜色：春绿色；
文本对齐：居中；
}

变量名，i，next；
名称=新数组（）；
i=0；
做{
next=提示（“请输入您的姓名”）；
如果（下一个>下一个！&&next！=“未定义”）名称[i]=next；
我++
}
while（next>“”&next！=“未定义”）；
document.write（“+（names.length）+“names write”）；
文件。填写（“”）；
（我的名字）{
文件。写（“”+名称[i]+“
”）
}
文件。填写（“”）；
您不需要使用document.write，而是希望将每个部分附加到一个变量中：
var outputHTML = "";
outputHTML += "<h2>"; // etc

var outputHTML=”“；
outputHTML+=“”；//等

然后使用document.getElementById（'output'）.innerHTML=outputHTML设置内容
变量名称，i，next；
  var names, i, next;
  // This syntax is preferred
  names = []

  // No need to use a counter here
  do {
    next = prompt("Please enter your name");

    if (next) {
      names.push(next);
    }
  }
  while (next !== "");  // Loop until an empty string/blank input

  var out = [];
  out.push("<h2>" + (names.length) + " names written</h2>");
  out.push("<ol>");
  for (i in names) {
    out.push("<li>" + names[i] + "<br>");
  }
  out.push("</ol>");

  document.getElementById("output").innerHTML = out.join("");

//首选此语法
名称=[]
//这里不需要使用柜台
做{
next=提示（“请输入您的姓名”）；
如果（下一个）{
name.push（下一步）；
}
}
while（下一步！==“”）；//循环直到出现空字符串/空白输入
var out=[]；
out.push（“+（names.length）+”names writed“）；
向外推（“”）；
（我的名字）{
out.push（“”+名称[i]+“
”）；
}
向外推（“”）；
document.getElementById（“输出”）.innerHTML=out.join（“”）；
你能直接从我的代码中给我举个例子，让我能更好地理解吗？outputHTML++=”+（names.length）+“names writed”谢谢！这对我有帮助！