js中的innerHTML，innerText，value的区别

来源：互联网发布：央视揭网络卖淫产业链编辑：程序博客网时间：2024/05/28 20:20

首先先说一下我自己认为的 innerHTML，innerText，value的区别

innerHTML 是在控件中加html代码就是设置一个元素里面的HTML

eg:

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><h1>My First Web Page</h1><p id="demo">My First Paragraph.</p><script>document.getElementById("demo").innerHTML="<h1>My First JavaScript</h1>";</script></body></html>

innerText 在控件中添加文字

<html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph.</p><script>document.getElementById("demo").innerText="<h1>My First JavaScript</h1>";</script></body></html>

value="" 我理解的就是控件中的value属性直接赋值成双引号里面的东西

<html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph.</p><input id="input" type="text"></input><script>document.getElementById("input").value="<h1>My First JavaScript</h1>";</script></body></html>

比如<input/> 中有value属性显示内容的时候也是 <input value="内容"/> 而不是 <input >内容<input />

0 0