关于textarea的innerHTML和value

最新推荐文章于 2025-05-28 21:53:52 发布

原创最新推荐文章于 2025-05-28 21:53:52 发布 · 2.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

html/css/js/ajax/json

当前文章被收录于：

html/css/js/ajax/json

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文探讨了HTML中的innerHTML与value属性的区别，特别是在处理换行和在textarea元素中的应用。innerHTML适用于展示HTML内容，而value用于赋值。此外，还介绍了如何在不同场景下选择合适的属性来实现所需的效果。

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

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

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

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

<SCRIPT LANGUAGE="JavaScript"> alert(document.getElementById("tt").value); alert(document.getElementById("tt").innerHTML); </SCRIPT>

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

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

标签

#javascript #html #function #div #c

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

boooch

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Andriod应用开发基础项目——记账本

eryasd的博客

06-29

3444

本项目采用Java语言编写，是一款基于Android Studio开发的简易项目，本项目可以提高Java语言编写软件的能力，同时加深对开发软件Android studio有了更深层次的掌握，很适合初学者。在项目过程中，遇到了一些挑战和问题，但通过不断的努力和学习，最终取得了成功。未来，可以还可以继续优化App的功能和性能，增加更多实用的功能，提升用户体验。

3 条评论您还未登录，请先登录后发表或查看评论

EDF Browser使用说明和技巧

Erhu_666的博客

08-14

8049

edf browser使用说明和一些小技巧

Web前端之textarea文本域标签元素、回车与换行符介绍、禁止事件冒泡、清除、清空、重置、赋值、stopPropagation、querySelector、innerHTML、replace、br

CSDN博客主页地址：https://mengjian.blog.csdn.net/

06-01

1万+

Web前端之textarea文本域标签元素、回车与换行符介绍、禁止事件冒泡、清除、清空、重置、赋值、stopPropagation、querySelector、innerHTML、replace、br

YOLOv8性能提升：引入华为GhostNetv1特征提取网络

最新发布

shrgegrb的博客

05-28

1162

本文提出一种轻量化改进方案，将GhostNetV1作为YOLOv8的主干网络，以提升移动端部署效率。通过Ghost模块的两步特征生成机制（初级卷积+廉价操作），显著降低了30%的计算量（FLOPs）和参数量，精度损失控制在1%以内。实验表明，改进后的模型在骁龙865芯片上推理速度提升25%。核心创新包括：1）用GhostBottleneck替换CSP模块；2）保留FPN+PAN结构确保多尺度检测能力；3）提供完整的PyTorch实现方案。该工作为资源受限场景的目标检测提供了实用解决方案，未来可结合注意力机制

html之textarea标签的innerHTML属性和value属性获取值的区别

程序羊的博客

10-18

1143

注意： html中textarea标签的innerHTML属性和value属性获取值是不一致的！示例代码如下： <html> <body> <textarea rows="10" cols="20" id="my"> AAA </textarea> <button onClick="test()">test</button...

textarea的value与innerHTML

二拾三年

11-16

1705

问题的来由今天有一位朋友问到关于 textarea标签的问题，开始时我不以为意。因为在我看来，因为这是一个很简单的标签，它表示一个可增删字符的文本域，可以利用 textarea 的 placeholder 和 value 属性来做一些适当的操作;用 cols rows 控制列数，行数（当然，更好是用CSS的width和height）……嗯，就这些了。不过，你可以先看看下面的代码：<textarea

textarea中的innerHtml，innerText和value

weixin_34252686的博客

12-11

2041

记录今天所遇到textarea标签取值的问题首先创建一个textarea标签 <textarea id="textareaTest" cols="30" rows="10">我是初始化文本</textarea> 复制代码此时分别console.log打印innerText,innerHtml,value console.log('innerText:',tex...

JS中button,input,textarea使用value，innerHTML,innerText的区别

weixin_72322475的博客

09-04

1182

JS中button,input,textarea使用value，innerHTML,innerText的区别

jquery中的innerHTML和value函数获取textarea内容

whereismatrix的专栏

05-08

3013

测试浏览器： chrome43 对textarea输入的html组件，如果没有添加内容在内，使用value和innerHTML获取的都是空串。在输入内容字符a后， innerHTML依然为空，而value可以获取到内容。

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

sjhfkhsf的博客

02-06

304

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

textarea 中的 innerHTML 和 value

weixin_33836223的博客

12-28

301

<textarea></textarea> <input type="button" value="click" /> <script> document.querySelector("input[type='button']").addEventListener("click", function() {

获取textarea中的值用value和innerHTML的区别

a709647488的博客

12-06

471

今天在做一个文字移动的小东西的时候发现一些特点： 1、除了表单元素，其它的标签在浏览器页面中都是不可写的。 2、 textarea 用value可以获取当前的textarea中的值而innerHTML获取的是一开始的页面中的值，从文档中获取经测试发现，当我们浏览器显示的页面上修改textarea中的值的时候，实际上文档里的内容还是没有改变的（通过审查元素可...

textarea标签value与innerHTML

Cosmoshfx的博客

03-10

1104

textarea标签没有value属性，若想在文本区显示默认文本，可以直接写，如下： <textarea cols="30" rows="10" name="文本区" id="area">你好呀</textarea> 或在js中使用 document.getElementById('area').value='你好呀‘ 都可以在文本区显示输入的文字，如下图所示：但是不能使用.innerHTML进行赋值，是无效的，我也不太明白为什么，只知道是这样的结果，有大神知道的话麻烦评论哈。

textarea 换行处理

XXHolic

12-12

995

引子 textarea 中的换行格式，在其它地方显示时，需要保持其原有的换行格式。 Origin My GitHub 换行 textarea 元素支持多行纯文本编辑。由于历史原因，元素的值有三种不同的形式: row value 是其原始设置的值，它没有被标准化。 API value 是 value 接口定义中使用的值。它是标准化的，因此换行符使用 “LF”（U+000A) 字符。表单提交...

js中value、innerHTML、innerText的区别

zag666的博客

11-23

1481

value value是表单元素特有的属性，输入输出的是转义文本(字符串)。可以用来修改（获取）textarea和input的value等表单属性的值或元素的内容。 innerHTML innerHTML用来修改（获取）HTML元素（如div）html格式的内容。 innerHtml是div标签内的文本，输入输出到该DOM内部纯HTML代码（获得td、div等html元素时，他们没有val...

原生JS，textarea标签赋值获取值，innerHTML和innerText方法，HTML标签转义及反转义

搬砖的鱼的博客

05-21

2765

<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

textarea的取值赋值

热门推荐

大小都是愁的成长之路

08-15

10万+

取值赋值常用的方法，html(),text(),val() 单独说说textarea .它是表单元素，val()可用 .它是闭合标签，html(),text()可用这三个都可以取值赋值，会有怎样的效果？举例 <textarea class="test">111</textarea> 一、取值 1. textarea默认值111 2. 在输入框内输入w...

js中value和innerHTML区别

yizhishuangsheng的博客

03-05

1633

value和innerHTML都可以用来获取和修改元素的值（或内容）；不同之处如下： 1）value可以用来修改（获取）textarea和input的value属性的值或元素的内容； 2）innerHTML用来修改（获取）HTML元素（如div）html格式的内容。 function verfiy(){ axios.get("http://127.0.0.1:8080/backServer/back/Student?mark=verfiy") .then(function(resp){ i

关于Textarea的注意事项

C860_zy的专栏

02-27

1321

今天帮师兄解决了一个很诡异的BUG，也许没什么人会遇得到。主要原因还是之前编写网站的前端人员代码的不严谨导致的。先来描述一下问题：

得力打印机助手V4.6.2

得力打印机助手V4.6.2得力（M2000-M2500-P2000-P2500系列）驱动打印机助手V4.6.2 此版本得力打印机助手打开后点击“维护”，再点击“高级设置”，点击“关闭耗材报警提示”输入设备出厂密码后即可关闭碳粉不足的问题提示；软件点击到“关闭耗材报警提示”的时候可能会提示升级，这个时候我们先断开网络后，再重新操作软件就不会有提示软件升级的问题了，切记，不要升级软件，升级软件后就没有“高级设置”这个选项了；仅提供软件，暂不提供任何技术支持，软件保内有简单操作流程，自己操作；软件包内无任何垃圾流氓广告程序，请放心下载；切记：软件不要升级，操作前先断开网络，操作完成后再恢复网络；