html textarea标签的innerHTML属性和value属性的区别

最新推荐文章于 2022-03-05 14:03:39 发布

涛歌依旧

最新推荐文章于 2022-03-05 14:03:39 发布

阅读量1.8w

点赞数 3

分类专栏： S1: Web

本文链接：https://blog.csdn.net/stpeace/article/details/50757978

版权

S1: Web 专栏收录该内容

133 篇文章 57 订阅

订阅专栏

居然有人说， html textarea标签的innerHTML属性和value属性是一致的，我晕，看代码：

<html>
<body>

<textarea rows="10" cols="20" id="my">
AAA
</textarea>

<button onClick="test()">test</button>

<script>
function test()
{
   var obj = document.getElementById("my");
   alert(obj.value);
   alert(obj.innerHTML);

}
</script>

</body>
</html>

此时，我们在输入框中追加输入BBB, 然后点击按钮就可以看到， value是AAABBB, 而innerHTML是AAA，可见含义不一致。

区别大大的，取值的话，我们还是用value吧。