标签：val textarea text value html innerHTML 取值 赋值
取值赋值常用的方法，html(),text(),val()
单独说说textarea
.它是表单元素，val()可用
.它是闭合标签，html(),text()可用
这三个都可以取值赋值，会有怎样的效果？举例
<textarea class="test">111</textarea>
一、取值
1. textarea默认值111
2. 在输入框内输入wwww
可见text()，html()没有获取到改变后的值，
截一下源码中关键的部分，就知道原因了，从jquery源码中可以看出，
val()方法通过遍历元素的value值
text()方法是通过遍历元素的childNodes，获取每个子节点的nodeValue,拼接成字符串返回。
html()通过元素的innerHTML返回需要取的值
再看textarea的childNodes和value，innerHTML是什么
默认时:
在输入框键入后
总结：text()，html()方法只能够获取到textarea的初始化文本值。 val() 方法不仅可以获取textarea的初始化文本值，当文本值改变时，也能正常获取到。
二、赋值
1.默认为111,只有val（‘222’）改变了输入框值
html(‘444’),text(‘333’)后对应的nodeValue,innerHTML值都修改了，但是value值丝毫未动摇
2.默认1111
.执行html('222');框内值变化，对应innerHTML,nodeValue,value变化
.执行text('333'),框内值变化，对应innerHTML,nodeValue,value变化
.在框内输入3334，对应value变化，innerHTML,nodeValue不变
.再执行text('444'),框内值不变，对应innerHTML,nodeValue变化，value不变化
这就是为什text()，html()赋值时而好用时而不起作用的原因
总结：value是一头沉睡的狮子，通过val()赋值，或者键入改变输入框的值，都是在唤醒这头狮子；一旦value苏醒，text(),html()都可以歇菜了.
试过上面几个方法都没有，直接放在标签中就可以了
<textarea name="note" placeholder="请输入自我介绍" class="layui-textarea">{$info['note']}</textarea>
————————————————
版权声明：本文为CSDN博主「大小都是愁」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wangjiaohome/article/details/81709938
标签：val,textarea,text,value,html,innerHTML,取值,赋值 来源： https://blog.csdn.net/firstcode666/article/details/121580746
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。