javascript - object HTMLTextAreaElement对document.write的javascript响应

为什么不能通过Javascript / Jquery使var yourName显示在文本中？经过所有尝试，它给了我[object HTMLTextAreaElement]作为响应。我究竟做错了什么？

Javascript：

var yourName = window.prompt("please enter name")

HTML + Javascript：

<div id="info"><p>
<script>document.write(yourName)</script>, your job is...
</p><div>

看到这里：https://jsfiddle.net/fbt4rjjt/

最佳答案

它不是PHP，它不会“原地”呈现html。您必须创建一个“容器”，然后例如更改其innerHTML。

例如，您可以通过以下方式实现它：

HTML：

    <div id="info"><p>
        <b id="thename"></b>, your job is...
    <div>

JS：

    var yourName = window.prompt("please enter name")
    document.getElementById("thename").innerHTML = yourName

在这里查看：https://jsfiddle.net/cqv8jfgj/