Javascript innerHTML不更改innerHMTL_Javascript_Innerhtml

Javascript innerHTML不更改innerHMTL

javascript

Javascript innerHTML不更改innerHMTL,javascript,innerhtml,Javascript,Innerhtml,我在一个旧的IE中测试过这段代码，它可以工作，但在其他所有现代的东西上，它似乎都不起作用问题是它只有在文本区域没有被任何方式修改的情况下才起作用，然后它就不起作用了。如果对页面进行任何更改，页面会突然停止运行 <html> <script> function clearArea() { document.getElementById("tarea").innerHTML = "This is what\'s up."; } </script> <

我在一个旧的IE中测试过这段代码，它可以工作，但在其他所有现代的东西上，它似乎都不起作用

问题是它只有在文本区域没有被任何方式修改的情况下才起作用，然后它就不起作用了。如果对页面进行任何更改，页面会突然停止运行

<html>
<script>
function clearArea() {
    document.getElementById("tarea").innerHTML = "This is what\'s up.";
}
</script>
<body>
<button type="button" onclick="clearArea()">Click me to clear area</button>
<textarea id="tarea"></textarea>
</body>
</html>


函数clearArea（）{
document.getElementById（“tarea”）.innerHTML=“这就是问题所在。”；
}
单击我清除该区域

你知道是什么原因造成的吗？

因为textarea没有，所以它有

函数clearArea（）{
document.getElementById（“tarea”）.value=“这就是问题所在。”；
}

单击我清除该区域

我认为主要的问题是您忘记将

标记包装在

标记中

这是有效的：

<html>
<head>
<script>
function clearArea() {
    document.getElementById("tarea").innerHTML = "This is what\'s up.";
}
</script>
</head>
<body>
<button type="button" onclick="clearArea()">Click me to clear area</button>
<textarea id="tarea"></textarea>
</body>
</html>


函数clearArea（）{
document.getElementById（“tarea”）.innerHTML=“这就是问题所在。”；
}
单击我清除该区域

我更喜欢使用value属性，您可以使用它而不是innerHTML

这里有一个演示：

代码

您是否尝试过更新textarea的value属性？谢谢，就是这样。

function clearArea() {
    document.getElementById("tarea").value = "This is what's up.";
}