Question

我正在尝试创建一个交互式textarea，用户可以在其中输入HTML，结果显示将显示在下面的框中。这是我的Javascript：

<script>
function readout(){
    var getCode = document.getElementById("tryit").value;
    document.getElementById("readout").innerHTML = getCode;
};
</script>

这是我的HTML：

<textarea name="tryit" id="tryit"></textarea>

<p>Then click submit</p>

<button type="button" onclick="readout()">Submit</button>

<p id="readout" style="height:100px; width:300px; border:1px solid black;"></p>

Answer 1

正如@blex所提到的，innerHTML确实可以显示可变内容。

＆＃13;

function readout(){
    var getCode = document.getElementById("tryit").value;
    document.getElementById("readout").innerHTML = getCode;
};

readout();

＆＃13;

<textarea name="tryit" id="tryit">
<h1>Hi</h1>
</textarea>

<p>Then click submit</p>

<button type="button" onclick="readout()">Submit</button>

<p id="readout" style="height:100px; width:300px; border:1px solid black;"></p>

＆＃13;

我可以使用带有.innerHTML的变量吗？

1 个答案: