innerHTML属性 ajax入门简明教程

    innerHTML也是学习ajax必需知道的概念，这个属性是属于javascript的DOM对象的，它能够实现信息的动态显示，也可以使用DOM提供的操作HTML的方法和属性实现更加丰富的操作。大家已经知道ajax写出的页面响应速度快，innerHTML起到了一定的作用，因为有些不显示出来的东西，其实早就已经写好了。只不过藏在innerHTML里了。当出发了某个事件的时候，就把它输出了出来。这就是innerHTML的作用。
    看看这个例子：
<html>
<head>
<script>
function Test(){//将后面的那些字符串的属性，赋值给id为s的那行
    s.innerHTML="<br /><br />"+Math.random();
    setTimeout('Test();',1000); //1秒执行1次Test()函数
}
function Test1() {
var str1 = "单击之后"
w.innerHTML=str1;
}
</script>
</head>
<body onload=Test();>
<p id="s"></p>
<p id="w"></p>
<button onclick="Test1()">单击之前</button>
</body>
</html>
    很多常见的例子可以说明它的好处，树状菜单不就是吗，tab的例子不也是如此吗？在这里每一个标签都的id都像是一个对象似的。innerHTML这些对象里面的属性。