JavaScript alternative for document.write()

Question

例如，我有一些函数：

var inputA = document.getElementById("A").value;
var inputB = document.getElementById("B").value;
document.write("First input is: " + inputA + '<br />');
document.write("Second input is: " + inputB + '<br />');

所以，在这种情况下，我使用 document.write（），但是有几个这样的函数，它被搞砸了。这个 document.write（） 覆盖了我的父 html 页面。如何设置它以在新页面/选项卡中打开。或者在这种情况下如何使用 document.close（） 才能正常工作。

我应该使用一些更好的方法，它也将具有与此相同的功能。我想设置一个变量，该变量将在页面的所需位置打印一行文本、代码、数字等。

Answer 1

例如，与其覆盖整个页面，不如只更新其中的一部分。

<div id="myDiv">
</div>
<script>
  document.getElementById("myDiv").innerHTML = ("First input is: " + inputA + '<br />');
</script>

Answer 2

使用innerHTML

<input type="text" id="A" value="some" />
<input type="text" id="B" value="other value" />
<div id="result"></div>
<script type="text/javascript">
var inputA = document.getElementById("A").value;
var inputB = document.getElementById("B").value;
var firstInput = "First input is: " + inputA + '<br />';
var secondInput = "First input is: " + inputB + '<br />';
document.getElementById("result").innerHTML = firstInput + secondInput;
</script>

演示

Answer 3

您将能够做的是将该文本放置在特定元素中，而不仅仅是将其写入文档。

假设你的 HTML 中有这个：

<div id="content" />

你可以使用这样的东西：

var str = "This is the content";
var elem = document.getElementById("content");
elem.innerHTML = str;

---

如果您只关心调试逻辑，您可以随时使用console.log()将某些内容打印到 JS 控制台，以便您可以查看它。