JS中innerHTML,innerText,value
2015-06-23 10:46
453 查看
区别
1、getElementById("a").innerHTML="";getElementById("a").innerText="";
这两个的区别由下图显示,innerHTML,是在块中加html代码;innerText 在块中加文字。 (注意大小写)!!!!!!
2、getElementById("a").innerHTML="";
getElementById("a").value="";
有value属性的标签才能使用getElementById().value------这个被我证实是错误的!
.value是一个介于innerHTML和innerText的效果,既不会显示代码,还可以显示文本。
源代码 | 显示 |
---|---|
<!DOCTYPE html> <html> <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> |
源代码 | 显示 |
---|---|
<!DOCTYPE html> <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> |
源代码 | 显示 |
---|---|
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p id="demo">My First Paragraph.</p> <script> document.getElementById("demo").value="<h1>My First JavaScript</h1>"; </script> </body> </html> |
相关文章推荐
- 开启CSS3.0的学习之旅(一)
- web前端开发
- web前端怎么做?
- 从网页制作到前端开发工程师难吗?
- Web前端工程师成长之路——知识汇总
- html基础知识梳理
- 史上最全的HTML、CSS知识点总结,浅显易懂
- WEB标准,Web前端开发工程师必备技术列表
- WEB标准,Web前端开发工程师必备技术列表
- img 和 background-image的选择
- 阿里巴巴2015暑期实习面试经历(前端开发)
- 关于编写性能高效的javascript事件的技术[转] 来源:酷勤网 发布于 2015-2-12
- 浏览器是怎么加载页面的
- bootstrap3 标题文字类型
- Bootstrap3 CSS中引用,列表,描述
- getElementsByClassName兼容问题
- 关于我为什么选择Web前端开发工程师
- 前端修炼手札:清除浮动的四种方法
- 前端修炼手札:Chrome下CSS字体大小设置小于12px无效
- Css优先级算法如何计算