HTML textarea标签中innerHTML与value属性有何本质区别？
- 内容介绍
- 文章标签
- 相关推荐
本文共计239个文字，预计阅读时间需要1分钟。
当然，以下是简化后的内容：
有人认为，HTML中的textarea标签的innerHTML属性和value属性是一致的。代码如下：
1.HTML
2.body
3.textarea rows=10 cols=20 id=my
4.AAA
5./textarea
6.button onClick=test()
7./button
8.script
居然有人说，html textarea标签的innerHTML属性和value属性是一致的， 我晕， 看代码：
1. <html> 2. <body> 3. 4. <textarea rows="10" cols="20" id="my"> 5. AAA 6. </textarea> 7. 8. <button onClick="test()">test</button> 9. 10. <script> 11. function test() 12. { 13. obj = document.getElementById("my"); 14. alert(obj.value); 15. alert(obj.innerHTML); 16. 17. } 18. </script> 19. 20. </body> 21. </html>
此时， 我们在输入框中追加输入BBB, 然后点击按钮就可以看到， value是AAABBB, 而innerHTML是AAA， 可见含义不一致。
区别大大的， 取值的话， 我们还是用value吧。
本文共计239个文字，预计阅读时间需要1分钟。
当然，以下是简化后的内容：
有人认为，HTML中的textarea标签的innerHTML属性和value属性是一致的。代码如下：
1.HTML
2.body
3.textarea rows=10 cols=20 id=my
4.AAA
5./textarea
6.button onClick=test()
7./button
8.script
居然有人说，html textarea标签的innerHTML属性和value属性是一致的， 我晕， 看代码：
1. <html> 2. <body> 3. 4. <textarea rows="10" cols="20" id="my"> 5. AAA 6. </textarea> 7. 8. <button onClick="test()">test</button> 9. 10. <script> 11. function test() 12. { 13. obj = document.getElementById("my"); 14. alert(obj.value); 15. alert(obj.innerHTML); 16. 17. } 18. </script> 19. 20. </body> 21. </html>
此时， 我们在输入框中追加输入BBB, 然后点击按钮就可以看到， value是AAABBB, 而innerHTML是AAA， 可见含义不一致。
区别大大的， 取值的话， 我们还是用value吧。