首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >替代document.write()

替代document.write()
EN

Stack Overflow用户
提问于 2018-03-16 19:51:46
回答 1查看 2.1K关注 0票数 0

有人告诉我,最好尽量避免使用document.write()。所以你建议我如何处理这个代码

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Debug</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script>
    function writeTimesTable(num) {
      for(let i = 1; i < 13; i++ ) {
        let writeString = i + " * " + num + " = ";
        writeString = writeString + (i * num);
        writeString = writeString + "<br />";
        document.write(writeString);
      }
    }

  </script>
</head>
<body>
  <script>
    for(let i = 1; i <= 13; i++ ) {
      document.write("<p>")
      writeTimesTable(i) 
      document.write("</p>")

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

我试过innerHTML,但我一直有undefined

这是我之后使用的代码

代码语言:javascript
复制
function writeTimesTable(num) {
  for(let i = 1; i < 10; i++ ) {
    let writeString = i + " * " + num + " = ";
    writeString = writeString + (i * num);
    writeString = writeString + "<br />";
    document.write(writeString);
  }
}


function newTable() {
  for(let i = 1; i <= 10; i++ ) {
    let para = document.getElementById("paragraph");
    para.innerHTML = writeTimesTable(i)    

  }
}
EN

回答 1

Stack Overflow用户

发布于 2018-03-16 19:53:53

只需使用element.innerHTML = content,即DOM操作

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49328516

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档