IE中getElementById和getElementsByName

HTML元素属性Id和name应该是不同的,Id犹如身份证号码,在整个页面中应该是唯一的,而name犹如姓名,在整个页面中可以重复。
JS中document.getElementById应该是用于捕捉具有某个id属性的一个元素,document.getElementsByName是用于捕捉具有某个name属性的多个元素。
id和name不应当混淆。这一点在firefox中没有问题,而IE中的实现却不区分id和name。
html代码:
<input type="text" name="t" />
<input type="text" id="t" />
js代码:
alert(document.getElementsByName('t').length);
在firefox中表现正确,输出长度为1,而在IE中输出却是2。
同样,如果使用document.getElementById('t'),在firefox中可以得到正确的id="t"的元素,
而由于IE不 区分id和name,因此它将得到第一个name="t"的元素。
在IE中还有一个特殊点就是:IE中div和table等元素没有name属性,使用document.getElementsByName。得不到任何值,切记!
解决办法:
1、元素命名id和name在一个页面中最好都不要相同(避免IE混淆id和name的bug)
2、div和table等元素结合id和document.getElementsByTagName来使用

Javascript中的getElementById十分常用,但在标准的页面中,一个id只能出现一次,如果我想同时控制多个元素,例如点一个链接,让多个层隐藏,该怎么做?
用class,当然,同一个class是可以允许在页面中重复出现的,那么有没有getElementByClass呢?没有,但是可以解决:
Js代码:
var allPageTags = new Array();
function hideDivWithClasses(theClass) {
var allPageTags=document.getElementsByTagName("div");
for (i=0; i//Pick out the tags with our class name
if (allPageTags[i].className==theClass) {
allPageTags[i].style.display='none';
}
}
}

1,grid.getCell(i,3).innerHTML;curobj.nextSibling.innerHTML
innerHTML属性不自动对进出 HTML 实体的特殊字符进行编码。HTML 实体允许显示特殊字符(如 < 字符),浏览器通常会将这些字符解释为具有特殊含义。< 字符会被解释为标志的开头,并且不会在页面上显示。若要显示 < 字符,将需要使用实体 <。
例如,如果 InnerHtml 属性设置为 "<b> Hello </b>",则 < 和 > 字符不会分别转换为 < 和 >。呈现的输出仍将是:<b> Hello </b>。浏览器将检测 <b> 标记并用粗体显示“Hello”文本。
警告:由于未对此文本进行 HTML 编码,因此可以在文本的 HTML 标记内嵌入脚本。如果该属性是使用用户输入动态设置的,请务必验证它的值以减少安全漏洞。
若要提供自动 HTML 编码和解码,请使用 InnerText 属性。
以上是微软的一个网站上介绍的,而我只是简单的认为取出来的是html格式。

2,typeName = temp.options[temp.selectedIndex].innerText;document.all("B1").innerText=" 关闭";name==name_other.options[i].innerText;opn.innerText=nameArray[i];
使用 InnerText 属性以编程方式修改 HTML 服务器控件的开始和结束标记之间的内容。
与 InnerHtml 属性不同,InnerText 属性自动对进出 HTML 实体的特殊字符进行编码。HTML 实体允许显示特殊字符(如 < 字符),浏览器通常会将这些字符解释为具有特殊含义。< 字符会被解释为标志的开头,并且不会在页面上显示。若要显示 < 字符,将需要使用实体 <。
例如,如果 InnerText 属性设置为 "<b> Hello </b>",则 < 和 > 符号分别转换为 < 和 >。呈现的输出将是:< b > Hello </b >。< 和 > 实体将向浏览器指示这些字符将显示在页上。浏览器将不检测 <b> 标记并用粗体显示该文本。显示在页上的文本是:<b> Hello </b>。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值