对象HTMLTextAreaElement对document.write的javascript响应

Question

为什么我无法通过Javascript / Jquery在文本中显示var yourName？有了我尝试过的所有东西，它给了我[对象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/

Answer 1

它不是PHP它不会渲染你的html＆＃34;到位＆＃34;。你必须创建一个＆＃34;容器＆＃34;然后例如更改其 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/