您的位置:首页 - Javascript
textarea元素的value和innerHTML的区别
textarea 用value可以获取当前的textarea中的值

而innerHTML获取的是一开始的页面中的值,从文档中获取

经测试发现,当我们浏览器显示的页面上修改textarea中的值的时候,
实际上文档里的内容还是没有改变的(通过审查元素可以看到textarea中的内容)而innerHTML获取的就是文档中的内容

改变了文本框的内容:

HTML代码没改变:


当我在页面上改变textarea中的值的时候,文档中是没有改变的,
而value获取的就是页面中显示的值

下面是一个实例:


你可以改变文本框的内容,在改变前后分别点击按钮试试。
当你点击“获取innerHTML”时,弹出的值应该是:
<a href="http://keleyi.com/a/bjad/c4msqrns.htm">原文</a>
并且不会随内容的改变而改变。

可以使用一下这个工具:http://keleyi.com/tool/htmlencode.htm


实例源代码:
<textarea id="keleyiarea" style="width:615px;height:100px;">
柯乐义 <a href="http://keleyi.com/a/bjad/c4msqrns.htm">原文</a>
</textarea>

<input type="button" id="keleyivalue" value="获取value" onclick="alert(document.getElementById('keleyiarea').value)" />

<input type="button" id="keleyihtml" value="获取innerHTML" onclick="alert(document.getElementById('keleyiarea').innerHTML)" />
本站导航
相关文章
柯乐义 Copyright© keleyi.com