小编Rob*_*rtG的帖子

document.getElementById没有换行符

我刚开始尝试学习javascript并遇到了问题.下面的代码我希望看到我的输入框和按钮后跟1,2,... 10.新行上的每个数字.我得到的是方框下方的数字10.我没有看到数字1,2,... 9

<html>

<head>
  <title>Test</title>
</head>
<style>
  #pastetext {
    color: blue;
    font-weight: bold;
  }
  .enter {
    border: 2px solid blue;
    width: 200px;
    height: 50px;
  }
</style>

<script type="text/javascript">
  function abc() {
    intext = document.getElementById("pastetext").value;
    for (i = 1; i < 11; i++) {
      document.getElementById("answer").innerHTML = i;
    }
  }
</script>


<body>

  <input type="text" name="enter" class="enter" value="" id="pastetext" />
  <input type="button" id="btn" value="Click to Enter Data" onclick="abc();" />

  <div id="answer" style="color:red; padding-left:100px;">
  </div>

</body>

</html>
Run Code Online (Sandbox Code Playgroud)

我得到的是:在这里输入图像

javascript

2
推荐指数
1
解决办法
48
查看次数

标签 统计

javascript ×1