[英]How to get html to print return value of javascript function?
获取html打印javascript函数返回值的首选语法是什么?
function produceMessage(){
var msg= 'Hello<br />';
return msg;
}
编辑:Yikes,太多的答案没有我澄清我的意思。 我知道如何通过脚本标签来做到这一点。 但是,假设我想让消息变红。 我会像这样将脚本标签包含在我的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() );
但是,将值放在您选择的范围或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();
只要这不是在页面加载时发生的事情,在这种情况下它应该从一开始就存在。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.