如何获取html打印javascript函数的返回值？

Question

获取html打印javascript函数返回值的首选语法是什么？

function produceMessage(){
    var msg= 'Hello<br />';
    return msg;
}

编辑：如果没有我澄清我的意思，那么答案太多了。我知道如何通过脚本标签来做到这一点。但是，假设我想让消息变红。我会像这样将脚本标签包含在我的CSS中吗？

<div style="color:red><script>document.write(produceMessage())</script></div>

我想我的主要问题是，您是否应该使用document.write来获取要打印的返回值？

Answer 1

有一些选择可以做到这一点。

一个是：

document.write(produceMessage())

其他会以这种方式在文档中附加一些元素：

var span = document.createElement("span");
span.appendChild(document.createTextNode(produceMessage()));
document.body.appendChild(span);

或者只是：

document.body.appendChild(document.createTextNode(produceMessage()));

如果你正在使用jQuery，你可以这样做：

$(document.body).append(produceMessage());

Answer 2

这取决于你的目标。我相信JS最接近的东西是：

document.write( produceMessage() );

但是，将值放在您选择的范围或div中可能更为谨慎：

document.getElementById("mySpanId").innerHTML = produceMessage();

Answer 3

如果你真的想这样做，你可以做

<script type="text/javascript">
    document.write(produceMessage())
</script>

您希望在文档中找到该消息。

Answer 4

<script type="text/javascript">
    document.write("<p>" + Date() + "</p>");
</script>

是一个很好的例子。

Answer 5

或者你可以告诉javascript在哪里写它。

<script type="text/javascript">
    var elem = document.getElementById('myDiv');
    var msg= 'Hello<br />';
    elem.innerHTML = msg;
</script>

您可以将此功能与其他功能结合使用，以便在评估后具有功能写入内容。

Answer 6

你可以改变元素上的innerHtml

function produceMessage(){
    var msg= 'Hello<br />';
     document.getElementById('someElement').innerHTML = msg;
}

Answer 7

很可能你正在寻找像

这样的东西

var targetElement = document.getElementById('idOfTargetElement');
targetElement.innerHTML = produceMessage();

如果这不是在页面加载时发生的事情，在这种情况下它应该从一开始就存在。