JavaScript 内联输出

Question

在 javascript 中，假设您有这段代码：

<div>
    <script type="text/javascript">var output = 'abcdefg';</script>
</div>

有没有什么方法可以简单地将 output 的内容“回显”（使用 PHP 术语）到 #test 中？也就是说，假设您没有从 DOM 中遍历或选择的标准方法，要输出内联字符串？

document.write("..."); 确实写入了 output 的内容，但这样做时，它用 output 替换了整个文档代码>.

我正在寻找的解决方案的行为方式应该与 PHP echo 相同：将输出内联写入文档中。

Answer 1

您必须使用 document.write ^[文档]：

<div id="test">
    <script type="text/javascript">document.write('abcdefg');</script>
</div>  

演示

需要注意的是，它不适用于XHTML 文档。请参阅文档了解更多详细信息。

Answer 2

撇开“Kosher”代码不谈，是的。

文档.write()

Answer 3

在基于标准的浏览器中：

document.getElementByID("test").textContent = output;

为了获得更广泛的支持，您可以在 jQuery 中使用 text （或者等效方法，如果您选择的图书馆）：

$('#test').text(output);

Answer 4

你可以这样写：

<div id="test">
  <script>
    document.getElementById('test').innerHTML = "stuff";
    //this line only changes content in the div with id="test", not the whole dom
  </script>
</div>

但是你应该避免将脚本放入 div 中，因为它可能会被覆盖。

Answer 5

如果您的代码位于 div 中，那么 document.write('abcdefg') 是在执行点插入内联内容的正确选择。

或者，如果您的代码不在 div 内，您可以执行以下操作：

<div id="test">
</div>

<script type="text/javascript">
var output = 'abcdefg';
document.getElementById("test").innerHTML = output;
</script>

您必须确保您的代码在页面加载且 div 存在后运行。

Answer 6

我知道这是一个老问题，但如果有人仍在寻找，那么这里有一个可以完成这项工作的方便函数。

function echo(text)
{
    document.body.appendChild(document.createElement("div")).appendChild(document.createTextNode(text));
}

Answer 7

console.log()

http://getfirebug.com/logging

在 chrome 和 ie 9 中也支持..注意为了向后兼容，我认为它会让你 ie8 及以下版本......