document.getElementByid、document.all和document.layers

最新推荐文章于 2024-08-26 17:50:05 发布

aaaaatiger

最新推荐文章于 2024-08-26 17:50:05 发布

阅读量1.4k

点赞数

文章标签： javascript table 文档 server asp.net ie

本文链接：https://blog.csdn.net/aaaaatiger/article/details/4457295

版权

document.getElementById 是公共标准，被目前的所有主流浏览器支持

document.all只有IE支持。document.all是IE 4.0及以上版本的专有属性，是一个表示当前文档的所有对象的娄组，不仅包括页面上可见的实体对象，还包括一些不可见的对象，比如html注释等等。在document.all数组里面，元素不分层次，是按照其在文档中出现的先后顺序，平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象，比如document.all["element"]这样。

document.layers是Netscape 4.x专有的属性，是一个代表所有由储如<div><layer>等定位了的元素的数组。通常也是用<div>或<layer>对象的id属性来引用的，但是这里面不包含除此以外的其它元素。

document.all是IE下面的document属下的所有元素的集合
可以通过document.all.length来看到document下面的元素数量
document.all(index)后面的index参数是一个集合方法

如果index是string那么可以获得document下面具有id或name为index的元素如果只有一个的元素话返回这个元素如果有多个元素id或name是index的话就返回一个集合如果没有的话就返回null
这样并不好因为当你不知道有多少个id或name是index的元素时就比较容易出错.
如果index是数字的话那么会返回以0为基础的文档中第index个元素. 元素的文档序列可以通过Element.sourceIndex来获取

document.getElementById(name) 只返回第一个具有id或name为name的元素所以不是null就是一个元素而不会返回集合这样就大大减少了错误发生的可能性

如果需要返回一个id或name为name的元素集合的话就要用 document.getElementsByName(name)来获取

document.getElementById
返回 ID 属性值与指定值相同的第一个对象，如果 ID 属于一个集合，getElementById 方法返回集合中的第一个对象。

document.all
如果 ID 属于一个集合，document.all返回一个集合。而且只支持IE。

所以在使用IE的前提下，document.all(index)要生效需要保证index是唯一的

所以如果你想让你写的js脚本在目前的大多浏览器中使用，需要使用[公共标准] 标准的Javascript

显示/隐藏table的3个方法收藏

方法1：

<table style="display:none" id=x></table>

//使用javascript控制

document.getElementById("aaa").style.display=""; //控制table显示

document.getElementById("bbb").style.display="none"; //控制table不显示

<tr>在tr里面也可使用 <tr style="display:none"></tr>

<tr   style="visibility:hidden">
//仅隐藏内容

<tr   style="display:noe">
完全不显示

方法2：

//table中添加特性

<table runat="server" id="xx" style="display:none"> ... </table>

//后台添加特性

xxx.Attributes.Add("onclick", "javascript:document.getElementByI("xx").style.display = "";");

方法3：

//使用Panel 在 ASP.NET中更加方便！

    <asp:Panel ID="paneltotal" runat="server">
             <table id="total" border="0" >
                 <tr>
                     <td>
                         <asp:Label ID="lbTD" runat="server" Width="80px" Text="充值合计"></asp:Label>

                    </td>
                </tr>
             </table>
   </asp:Panel>

//后台控制

paneltotal.Visible = false；//隐藏

paneltotal.Visible = false；//显示