Javascript 将返回值放在HTML中

我有一个.js文件，其中包含一个返回HTML的函数。如何从my.html调用此函数并将其返回放置在调用的位置

my.html

my.js

---

我正在使用jQuery。

如果您没有使用任何框架jQuery、AngularJS等，您可以使用它

<p id="p1"></p>

<script>

function myFunction(){
    var text = "";
    if(true){
         text = "True";
    }
    else{
         text = "False";
    }
    $("#p1").html(text);
}

</script>

---

您是从PHP的思维方式来思考的。Javascript直接对DOM文档对象模型进行更改，不需要与HTML内联插入。以此为例:

<p> Hello <php echo "World"; ?> </p>

这就是PHP的方法。相比之下，下面是Javascript的实现方法：

<p> Hello <span id="output"></span> </p>

<script>
   document.getElementById("output").innerHTML="World";
</script>

---

注意这里的document用法。这就是DOM中的D。我们正在寻找一个嵌套在文档中的元素，其id为output，并将其HTML更改为World。

谢谢，但如何使用返回值动态地执行此操作？此外，我正在使用jQuery。我忘了提了。太棒了，谢谢。但这仍然是硬编码文本。我该如何使用我问题中的示例？再次更新。。。试着想想到底发生了什么，你就可以弄明白其中的逻辑，也许会少被否决：帕根，谢谢。不完全是我想要的，但它确实给了我一个可以玩耍的地方。我要用这个，然后，如果我能找到上面的例子，我将带着我的绿色大复选标记回来：-我不知道jQuery的id=p1，你可以在各种选择器的帮助下定义所选元素：如果你不知道要放置文本的元素，我想你是从非jQuery的角度来解决这个问题的在中。谢谢，但是如何使用返回值动态执行此操作？

<p> Hello <php echo "World"; ?> </p>

<p> Hello <span id="output"></span> </p>

<script>
   document.getElementById("output").innerHTML="World";
</script>