<html>
<head>
<meta..http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax</title>
<script.. language="javascript..">
}
function..lzy(tid){
if(tid=="test1"){
alert("下面是outerText获得的内容:\n"+document.getElementById(tid).outerText);
alert("下面是outerHTML获得的内容:\n"+document.getElementById(tid).outerHTML);
}
else{
alert("下面是innerText获得的内容:\n"+document.getElementById(tid).innerText);
alert("下面是innerHTML获得的内容:\n"+document.getElementById(tid).innerHTML);}
}
</script..>
</head>
<body>
outerHTML与outerText之间的区别:<br />
outerHTML是设置或返回HTML标签本身和其中嵌套的内容(含html代码)<br />
outerText是设置或返回HTML标签本身和其中嵌套的文本内容<br /><br />
列子:<input type="button" value="测试结果1" on..click="lzy('test1');" />
<div id="test1"><b>********innerHTML与outerHTML之间的区别******xx</b></div>
<hr />
innerText与innerHTML之间的区别:<br />
innerHTML是设置或返回HTML标签对之间的内容(含html代码)<br />
innerText是设置或返回HTML标签对之间的文本内容<br /><br />
列子:<input type="button" value="测试结果2" on..click="lzy('test2');" />
<div id="test2"><b>yyyyyyyyyyinnerText与outerText之间的区别yyyyyyyyyyyyy</b></div>
</body>
</html>
把代码复制运行下 就知道结果了
