js中innerText,value,innerHTML的区别
2016-01-13 01:02
519 查看
1:、innerHTML:
innerHTML 浏览器会将inneHTML后面的内容作为html来解析。
document.getElementById("myspan").innerHTML="<a href='http://www.sina.com'>到新浪</a> ";
2、innerText
innerText 浏览器会将innerText后面的内容作为纯文本来解析。
document.getElementById("myspan").innerText="<a href='http://www.sina.com'>到新浪</a> ";
3、value
value是元素的属性值,而innerText和innerHTML是元素开始和结束标签之间的值。
例如:
<html>
<head>
<script type="text/javascript">
function show(obj){
alert(obj.value);//输出value
}
function showD(obj){
alert(obj.innerText);//输出innerText
}
</script>
</head>
<body>
<div onclick="showD(this)">innerText</div>
<input type="button" value="value"onclick="show(this)"></input>
</body>
</html>
innerHTML 浏览器会将inneHTML后面的内容作为html来解析。
document.getElementById("myspan").innerHTML="<a href='http://www.sina.com'>到新浪</a> ";
2、innerText
innerText 浏览器会将innerText后面的内容作为纯文本来解析。
document.getElementById("myspan").innerText="<a href='http://www.sina.com'>到新浪</a> ";
3、value
value是元素的属性值,而innerText和innerHTML是元素开始和结束标签之间的值。
例如:
<html>
<head>
<script type="text/javascript">
function show(obj){
alert(obj.value);//输出value
}
function showD(obj){
alert(obj.innerText);//输出innerText
}
</script>
</head>
<body>
<div onclick="showD(this)">innerText</div>
<input type="button" value="value"onclick="show(this)"></input>
</body>
</html>
相关文章推荐
- [html][easyui]DataGrid 绑定
- Penguins DbTools数据库管理移植差分工具(EXCEL相关
- UITableView的全面解析(一) 待续中...
- UILongPressGestureRecognizer的两次触发
- Easyui form combobox省市区三级联动
- UITableView深入解析 (一) 待续中...
- ios UIView详解~~~~~
- 从源码角度深入理解Handler处理机制
- 如何自定义UIBarBtton
- Android之UI显示的原理分析
- iOS UI基础常见问题
- iOS UITableView(十二) 设置tableView的滚动范围
- How to configue session timeout in Hive
- iOS - 搜索框UISearchController的使用(iOS8.0之后替代UISearchBar + UISearchDisplayController的组合)
- UITableView的全部属性、方法以及代理方法执行顺序,常规的设置技巧
- UIScrollView 介绍
- iOS开发之UI篇第一回合
- bzoj4393【Usaco2015 Dec】Fruit Feast
- UITabBarController2
- UITabBarController