如何獲取html打印javascript函數的返回值？

Question

獲取html打印javascript函數返回值的首選語法是什么？

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

編輯：Yikes，太多的答案沒有我澄清我的意思。 我知道如何通過腳本標簽來做到這一點。 但是，假設我想讓消息變紅。 我會像這樣將腳本標簽包含在我的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();

只要這不是在頁面加載時發生的事情，在這種情況下它應該從一開始就存在。