Question

This example in jQuery是我在纯JavaScript中寻找的。

这是<textarea>的示例，其中当用户在textarea中键入时，段<p></p>会更新。

我的问题是如何在纯JavaScript中完成？

代表我的尝试看起来像这样，但它不起作用：

HTML ：

<div class="textarea">
    <textarea name="myText" id="myText" rows="2"></textarea>
</div>
<div>
    <p id="textOuput"></p>
</div>

的JavaScript ：

var textArea = document.getElementById('myText');

textArea.onkeyup = function() {
    var val = textArea.value,
    textOutput = document.getElementById('textOutput');
    textOutput.innerHTML = val; // Uncaught TypeError: Cannot set property 'innerHTML' of null
};

提前谢谢。

亲切的问候。

Answer 1

您的段落ID中有拼写错误：

<p id="textOuput"></p>

应该是：

<p id="textOutput"></p>

添加Utkanos的评论，JS代码可能如下所示：

var textArea = document.getElementById('myText');
var textOutput = document.getElementById('textOutput');
textArea.onkeyup = function() {
    textOutput.innerHTML = textArea.value;
};

如何使用纯javascript更新用户输入的空段？

1 个答案: