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

 

posted @   特朗鸟  阅读(300)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示