【转】js中document.all()用法

    document.all的意思是文档的所有元素，也就是说它包含了当前网页的所有元素。它是以数组的形式保存元素的属性的，所以我们可以用document.all["元素名"].属性名="属性值"来动态改变元素的属性。用这条语句，可以做出许许多多动态网页效果，如：动态变换图片、动态改变文本的背景、动态改变网页的背景、动态改变图片的大小、动态改变文字的大小各颜色等等。你简直可以动态控制所有网页元素。

<script language="JavaScript"> 
function cardClick(cardID){ 
    var obj; 
    for (var i=1;i<7;i++){
        obj=document.all("card"+i); 
        obj.style.backgroundColor="#3A6EA5"; 
        obj.style.color="#FFFFFF"; 
    } 
    obj=document.all("card"+cardID); 
    obj.style.backgroundColor="#FFFFFF"; 
    obj.style.color="#3A6EA5";
    for (var i=1;i<7;i++){ 
        obj=document.all("content"+i); 
        obj.style.display="none"; 
    } 
    obj=document.all("content"+cardID); 
    obj.style.display=""; 
} 
</script>