textarea标签value与innerHTML

最新推荐文章于 2023-11-17 23:22:07 发布

Cosmoshfx

最新推荐文章于 2023-11-17 23:22:07 发布

阅读量985

点赞数

CC 4.0 BY-SA版权

分类专栏：前端学习文章标签： js html

本文链接：https://blog.youkuaiyun.com/Cosmoshfx/article/details/114645995

前端学习专栏收录该内容

7 篇文章

订阅专栏

textarea标签没有value属性，若想在文本区显示默认文本，可以直接写，如下：
<textarea cols="30" rows="10" name="文本区" id="area">你好呀</textarea>
或在js中使用
document.getElementById('area').value='你好呀‘
都可以在文本区显示输入的文字，如下图所示：在这里插入图片描述
也可以使用.innerHTML进行赋值，结果是一样的。但是如果在网页中文本区输入新的内容，.innerHTML是获取不了新输入的内容的，只能获取原有赋值；此时.value是可以获得网页文本区的全部内容的。
举例说明：

<body>
	<textarea id="area" cols="30" rows="10" name="文本区">原始文本
	</textarea>
	<p id="res"></p> 
</body>
<script type="text/javascript">
	getVal=document.getElementById('area').value;
	get=document.getElementById('area').innerHTML;
	
	console.log('get='+get);
	console.log('getVal='+getVal);
</script>