innerHTML\innerText\outerHTML\outerText

innerHtml用法

<html>
<head>
<script>
function Test(){
       var str="";
       str+="Hello,";
       str+="This is a Test!<br />";
       str+="I Love you;<br />";
       str+="I Love you,too!";
       p.innerHTML=str+"<br /><br />"+Math.random();
       setTimeout('Test();',1000);
}
</script>
</head>
<body onload=Test();>
<span id="p"></span>
</doby>
</html>

innerHTML指div包含的所有html内容，innerText指div包含的再页面显示的文本内容，outerHTML比innerHTML多包好div标记内容，outerText与innerText包含内容没什么区别
innerTEXT与innerHTML的区别：

小心使用innerHTML

最近在做AJAX,想用javascript实现DataList功能,遇到一个棘手的问题,由于要生成的HTML很长,所以我写成如下的形式:

list.innerHTML="<table><tr>";

list.innerHTML+="<td>"

......

但是这样生成的innerHTML始终不对,研究了半天,原来是innerHTML搞得鬼.innerHTML自带了语法检查功能,他会自动把不完整的HTML代码补充完整.运行如下的一个测试代码就可以发现了.

document.getElementById("AlbumList").innerHTML="<table><tr>";
alert(document.getElementById("AlbumList").innerHTML);

他会自动把我的代码里面添加了<tbody>和</tr></table>等标记.神奇!!!

那么不让他自动填写的一个办法就是用一个中间变量:

var html="<table><tr>";

html+="<td>";

......

list.innerHTML=html;

就这样就可以解决问题了.