html(innerHTML)和text(innerTEXT)的区别
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<title></title>
<script type="text/javascript">
$(function() {
var $a = $(".a");
//1、读取html的内容
document.write($a.html());
//输出:这是一个a标签(标签内容)
document.write($a.text());
//输出:这是一个a标签(标签内容)
// 2、写入html的值
$a.html("<i>这是一个i标签</i>");
//输出;这是一个i标签
$a.text("<i>这是一个i标签</i>");
//输出:<i>这是一个i标签</i>
})
</script>
</head>
<body>
<a href="置顶菜单.html" class="a">这是一个a标签</a>
</body>
</html>
综上所述:
1、html(innerHTML)和text(innerTEXT)的联系
在读取标签内容的时候,使用他两并无区别,均可获得标签中的内容
2、html(innerHTML)和text(innerTEXT)的区别
在设置标签的时候,html可以识别标签(不会把标签写入网页中),而text不能识别标签(会把标签及标签中的内容都写入网页中去)