关于textarea的innerHTML和value

最新推荐文章于 2022-09-04 15:27:56 发布
最新推荐文章于 2022-09-04 15:27:56 发布
阅读量2k 收藏 1
点赞数
分类专栏： html/css/js/ajax/json 文章标签： javascript html function div c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/boooch/article/details/5887143
版权

顾名思义：要想显示html效果，就要用innerHTML，如果只是赋值，就用value好了。

但是innerHTML似乎不显示回车效果，用<br>,/n都不行，若想显示回车和滚动条可以用div代替textarea。 

value就可以用/n轻松的添加回车了。

 

但是不要试图添加value在textarea中，这是无效的，参见如下代码：

 

 

PS：textarea在html中书写时不要照顾格式对齐之类的 否则会把那些空格tab啥的 全都包含到innerHTML中，容易判断失误。

 

PS：onclick事件在js中书写规矩是obj.οnclick=某function，onclick中的c居然不大写。。。

boooch
关注
专栏目录
JavaScript-6-innerHTML、innerText、value、valueOf的区别（简单计算器小例子）
qq_38328762的博客
08-22 303
操作表单元素的文本内容用value；而innerHTML与innerText操作非表单元素的内容或文本内容 innerHTML：获取双闭合标签里面的html内容，并且要识别标签。 innerText：获取双闭合标签里面的文本内容，不会识别html标签。 value是表单元素的特有属性，非表单元素没有value属性，如div，span等。 value在不同表单元素里有不同的意义，如button为按...
textarea 中的 innerHTML 和 value
weixin_33836223的博客
12-28 221
&lt;textarea&gt;&lt;/textarea&gt; &lt;input type="button" value="click" /&gt; &lt;script&gt; document.querySelector("input[type='button']").addEventListener("click", function() {
textarea中的innerHtml，innerText和value
weixin_34252686的博客
12-11 1812
记录今天所遇到textarea标签取值的问题 首先创建一个textarea标签 &lt;textarea id="textareaTest" cols="30" rows="10"&gt;我是初始化文本&lt;/textarea&gt; 复制代码此时分别console.log打印innerText,innerHtml,value console.log('innerText:',tex...
textarea的value与innerHTML
二拾三年
11-16 1536
问题的来由今天有一位朋友问到关于 textarea标签的问题，开始时我不以为意。因为在我看来，因为这是一个很简单的标签，它表示一个可增删字符的文本域，可以利用 textarea 的 placeholder 和 value 属性来做一些适当的操作;用 cols rows 控制 列数，行数（当然，更好是用CSS的width和height）……嗯，就这些了。不过，你可以先看看下面的代码：<textarea
textarea标签的innerHTML和innerText
Jinuxwu的专栏
10-11 7157
对于textarea标签，     在IE中，只识别InnerText属性，而不识别innerHTML属性。当在IE中对textarea使用innerHTML将报运行时错误。     在Firefox中，只识别innerHTML属性，而不识别innerText属性。     使用JQuery的val()函数对textarea标签进行操作时，例如             var content = $('#textareaID').val()；             $('#textareaID'
Webkit内核浏览器解析Textarea innerHTML问题
ffr225的专栏
05-10 1187
作者：Xeye Team这个简述为：获取Textarea标签的innerHTML内容时，内容没有被编码，导致安全隐患产生。 []为了分析问题我们直接来看webkit的webcore代码吧，通过看Textarea的赋值以及innerHTML方法的绑定来定位问题 —— 因为这两个地方的任意一个地方做处理都会避免问题的发生。Textarea的赋值实现：html/HTMLTextA
关于使用Textarea的注意事项
09-28
在IE和其他浏览器中对Textarea的支持差异主要表现在对innerHTML属性的处理上。在大多数现代浏览器中，可以使用innerHTML属性来修改或插入HTML代码到Textarea中，但在早期版本的IE浏览器（例如IE6、IE7、IE8）中，...
innerText和innerHTML 一些问题分析
09-05
例如，innerText在处理表单控件如`<input>`或`<textarea>`时可能会有预期之外的效果，因为这些控件有自己的值属性（value）。此外，innerText在处理多语言文本（尤其是右到左的文本）时可能会有性能问题，而...
textarea保留换行的注意事项
10-30
这是因为 textarea 元素的内容是通过 value 属性来访问的，而不是通过 innerHTML 属性。 3. textarea 的换行符问题 在 textarea 元素中，换行符是使用 "\n" 或 "\r\n" 来表示的。但是，在获取 textarea 元素的内容...
javascript textarea支持图形编辑
10-30
需要注意的是，尽管可以通过JavaScript向textarea中添加元素，但当用户获取textarea的内容时，如使用`value`或`innerHTML`属性，仍然是获取到文本形式的HTML代码，而不是DOM中实际渲染的样子。 4. innerHTML与...
textarea标签value与innerHTML
Cosmoshfx的博客
03-10 859
textarea标签没有value属性，若想在文本区显示默认文本，可以直接写，如下： <textarea cols="30" rows="10" name="文本区" id="area">你好呀</textarea> 或在js中使用 document.getElementById('area').value='你好呀‘ 都可以在文本区显示输入的文字，如下图所示： 但是不能使用.innerHTML进行赋值，是无效的，我也不太明白为什么，只知道是这样的结果，有大神知道的话麻烦评论哈。
原生JS，textarea标签赋值获取值，innerHTML和innerText方法，HTML标签转义及反转义
搬砖的鱼的博客
05-21 2485
<textarea id="tex" rows="14" cols="60"> </textarea> 1.赋值： document.getElementById(‘tex’).innerText=“hello”; document.getElementById(‘tex’).innerHTML=“hello”; 2.获取值 var textVal=document.getElementById(‘tex’).innerText; var textVal=document.get
html之textarea标签的innerHTML属性和value属性获取值的区别
程序羊的博客
10-18 881
注意： html中textarea标签的innerHTML属性和value属性获取值是不一致的！ 示例代码如下： <html> <body> <textarea rows="10" cols="20" id="my"> AAA </textarea> <button onClick="test()">test</button...
获取textarea中的值用value和innerHTML的区别
a709647488的博客
12-06 397
今天在做一个文字移动的小东西的时候发现一些特点： 1、除了表单元素，其它的标签在浏览器页面中都是不可写的。 2、 textarea 用value可以获取当前的textarea中的值 而innerHTML获取的是一开始的页面中的值，从文档中获取 经测试发现，当我们浏览器显示的页面上修改textarea中的值的时候， 实际上文档里的内容还是没有改变的（通过审查元素可...
html textarea标签的innerHTML属性和value属性的区别
热门推荐
认知 行动 坚持
02-28 1万+
居然有人说， html textarea标签的innerHTML属性和value属性是一致的， 我晕， 看代码： AAA test function test() { var obj = document.getElementById("my"); alert(obj.value); alert(obj.innerHTML); }        此时，
jquery中的innerHTML和value函数获取textarea内容
whereismatrix的专栏
05-08 2930
测试浏览器： chrome43 对textarea输入的html组件，如果没有添加内容在内，使用value和innerHTML获取的都是空串。 在输入内容字符a后， innerHTML依然为空，而value可以获取到内容。
textarea没有value属性，就用innerHTML来获值取值
非典型程序员
06-23 379
下面这段代码取得 textarea 中 name 的值，并赋值给textarea 文本中 &lt;textarea name="questionBank.name" id="questionBankName" rows="4" cols="25" class="text"&gt;&lt;/textarea&gt; &lt;script language=&
JS中button,input,textarea使用value，innerHTML,innerText的区别
weixin_72322475的博客
09-04 1001
JS中button,input,textarea使用value，innerHTML,innerText的区别
document.getelementbyid().innerhtml和document.getelementbyid().value的区别
最新发布
10-08
document.getElementById().innerHTML 和 document.getElementById().value 的区别在于它们返回的值的类型和用途不同。 - document.getElementById().innerHTML 返回的是 HTML 元素的内部 HTML 内容，即元素包含的...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值