如何让html打印javascript函数的返回值

How to get html to print return value of javascript function?

本文关键字：函数 返回值 javascript 打印 html      更新时间：2023-09-26

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

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

编辑：哎呀，太多的答案没有让我澄清我的意思。我知道如何通过script标签来实现。然而，假设我想让消息变成红色。我可以这样把script标记封装在css中吗？

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

我想我的主要问题是，你应该使用document.write来打印返回值吗？

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

一种是：

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());

这取决于你想要什么。我相信JS最接近打印的东西是：

document.write( produceMessage() );

然而，将值放在您选择的span或div中可能更为谨慎，例如：

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

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

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

无论在文档中的哪个位置，都需要消息。

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

就是一个很好的例子。

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

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

您可以将其与其他函数相结合，使函数在评估后编写内容。

您可以更改元素上的innerHtml

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

很可能您正在寻找类似的东西

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

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

相关文章：