Javascript输出到一个新的选项卡

Javascript output to a new tab

本文关键字：一个 选项 输出 Javascript      更新时间：2023-09-26

我需要将所有这些div输出到一个新的选项卡。但当我单击链接时，只输出第3行。怎么了？

<a onclick="func()" href="javascript:void(0);">click to open all "foo" divs in a new tab</a>
<div class="foo">Row 1</div>
<div class="foo">Row 2</div>
<div class="foo">Row 3</div>
<script>
function func() {
    var foo = document.getElementsByClassName("foo");
        for (i = 0; i < foo.length; i++) {
                htmlContent = foo[i].innerHTML;
        }
        window.open().document.write(htmlContent);
}
</script>

每增加一个i，就会覆盖html内容。更改

htmlContent = foo[i].innerHTML;

带有

htmlContent += foo[i].innerHTML;

在给变量赋值之前，您没有用var关键字声明变量"htmlContent"。检查以下代码：-

  <script>
      function func() {
      var foo = document.getElementsByClassName("foo");
      var htmlContent = '';
          for (i = 0; i < foo.length; i++) {
                  htmlContent += foo[i].innerHTML;
          }
          window.open().document.write(htmlContent);
      }
</script>
相关文章：