innerHTML与value的区别解析
HTML 标签里的内容显示，innerHTML和value的用法还是蛮有讲头的。多人刚接触时容易混淆，是在表单或者动态渲染时。不少新手会用innerHTML去获取输入框的值，其实根本拿不到，得用value才行。
innerHTML主要是拿来操作标签之间的内容，比如你想改个
里的文字，就靠它；而value是专门用在<input>、<textarea>这些控件上的，取值设值都靠它。
举个例子：想让一个输入框默认填上“你好”，你可以这么写：
<input type="text" value="你好" />要动态改，可以用 JS：
document.querySelector('input').value = '世界你好';反过来，如果你用innerHTML去改 input 标签内容，是没效果的，甚至出 bug。所以日常开发里，得看清场景再用。
如果你还不太熟 HTML 标签，推荐你看看这些相关文章，像HTML 标签详解和HTML5 标签大全都挺实用，顺手查查方便。
哦对了，还有个点别忘了：innerHTML能插入 HTML 结构，但别轻易把用户输入塞进去，容易被 XSS 攻击。用textContent更安全些。
如果你经常表单或者做前端交互，搞清楚这两个的区别真的省不少事，代码清晰，出问题也容易查。
文件大小：13.9KB
评论区