如何在更改时动态显示文本区域的值? [关闭]
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在更改时动态显示文本区域的值? [关闭]相关的知识,希望对你有一定的参考价值。
<textarea id="MyId"></textarea>
<div id="myDiv"></div>
我想在文本区域下方动态显示内容。就像在堆栈溢出中键入问题时一样。我尝试过:
function Func() document.getElementByID("MyDiv").innerHTML = document.getElementByID("MyId").innerHTML
但是没用。
答案
尝试一下。为input
事件附加一个侦听器,并在其中使用innerText
正确处理换行符,并使用.value
获取文本。您也输入了错字:getElementById
有小写的d
。 const textarea = document.getElementById("myId"),
div = document.getElementById("myDiv");
textarea.addEventListener("input", ev =>
div.innerText = textarea.value;
);
<textarea id="myId"></textarea>
<div id="myDiv"></div>
另一答案
这有效!谢谢@特里const input = document.getElementById('MyId');
const log = document.getElementById('MyDiv');
function updateValue(e)
log.textContent = e.target.value;
input.addEventListener('input', updateValue);
以上是关于如何在更改时动态显示文本区域的值? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章