javascript中innerHTML,innerTExt和value的区别
innerHTML:内容包括标签和标签内容,其中,标签对文本信息有效。如果想要对一个元素添加内容,而且内容在设置的标签内,使用innerHTML,例如
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p id="demo">my first demo</p>
</body>
<script>
document.getElementById("demo").innerHTML="<b>hello world</b>"
</script>
</html>
会显示黑体的hello world,不显示<b>标签,说明<b>对内容起了作用。
innerTEXT:打印标签之间的纯文本信息,显示标签,标签无效:如果是innerTEXT,则会显示普通的<b>hello world</b>,说明标签无效,仅仅是普通的文本信息
value与innerTEXT的作用相同。
1.innerText是标签内的文本,输入输出的是字符串;
2.innerHtml是<标签内的文本,输入输出到该DOM内部纯HTML代码;
3.value是表单元素特有的属性,输入输出的是字符串;
总之,如果想要设置html元素的内用使用innerTEXT,如果设置包括内容和格式使用innerHTML
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!