text1:
<input name="textName1" type="text" id="textName2" />
<br>
text2:
<input name="textName2" type="text" id="textName1" />
<br>
<input type="button" name="Submit" value="text1" onclick=alert(document.getElementById('textName2').value) />
<input type="button" name="Submit2" value="text2" onclick=alert(document.getElementById('textName1').value) />
我在IE中测试了上面的代码,在第一个文本框中输入1,在第二个文本框中输入2,然后点下面的两个按钮,猜一下结果是什么?
我本意是按钮1返回第一个文本框的值,按钮2返回个文本框的值。
结果是两个按钮都返回了第一个文本框的值。
说明ie执行document.getElementById(elementName)的时候,返回的是第一个name或者id等于elementName的对象,并不是按照ID来查找的。
在fireFox中不存在这样的问题,fireFox执行document.getElementById(elementName)的时候只查找id等于elementName的对象,如果不存在则返回null。
可能IE是考虑的兼容性的问题才这么做的。
分享到:
相关推荐
【要点】document.getElementById方法在Firefox与IE中的区别。 如下,有一name=”txtVersion”的text控件: 代码如下: <div> <input type=”text” name=”txtVersion” size=”15″ value=”Version” maxlength=...
所以绝大多数的脚本里,都是直接通过元素的id来访问DOM的。 后来随着各种浏览器接踵而至,逐渐的替代了ie。为了保证各路门派统一规则,标准化越来越被重视。...事实上如今的主流浏览器,只有FireFox不支持这种做法,而C
IE方法:document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法:document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; IE、火狐方法: 代码...
一个用于日期选择的js控件,兼容IE,firefox。 使用方法: 1)引用js文件:WebCalendar.js 2)在需要的地方调用方法:SelectDate(obj,'yyyy-MM-dd'),其中obj为日期输入目标的引用(好像说复杂了,其实很多时候我们只用...
javascript颜色选择框,适用于ie,firefox,chrome等浏览器. 调用方法: <script language=javascript> function changeColor(){ var colorText = document.getElementById('color'); if (colorText.value == '')...
FireFox:document.getElementById(“idName”); ie:document.idname或者document.getElementById(“idName”). 解决办法:统一使用document.getElementById(“idName”); 2.const问题 说明:Firefox下,可以使用...
在IE和FireFox(FF)中js和css的不同 css: 1. ul标签中FF中有个padding值,却没有margin值,而在IE中正好相反 解决办法:将ul的padding和margin都设为0(也可以不是0)如:padding:0;margin:0;list-style:none; js: 1. IE...
IE与FireFox兼容写法 table.deleteRow(k); 2、为HTML标签自定义属性。 inputElement:表示表单元素。 propertyName:表示表单元素下的某个属性 inputElement.propertyName; //firefox执行失败,ie执行成功 IE与Fire...
在这篇文章中,作者介绍了7个在IE和Firefox中不同的JavaScript句法。 1. CSS “float” 值 访问一个给定CSS 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个ID为”header...
在这篇文章中,作者介绍了7个在IE和Firefox中不同的JavaScript句法。 1. CSS “float” 值 访问一个给定CSS 值的最基本句法是: object.style.property ,使用驼峰写法来替换有连接符的值,例如,访问某个ID为”...
1、发现IE下input标签的id属性默认和name属性相同,而Firefox必须明确写出id属性的名称否则不能使用id属性。 如:<input type=”text” name=”username” value=””> 在IE下如下代码可以执行而在Firefox下却...
代码如下: [removed] function getIframeContent(){ //获取iframe中文档内容 var doc;... }else{//Firefox doc = document.getElementById(“MyIFrame”).contentDocument; } return doc.body[removed]; } [removed]
必须改成document.getElementById(); 2. obj.innerText = “XXX”; 在FF里好像偶尔也有问题. 换成obj[removed] = “XXX”;就行了. 3. var olE = document.body.onload; 获得body的onload函数. IE没问题.FF不行.改成...
iOS and Android)Safari latest (desktop and iOS)FireFox (desktop)IE 9 (desktop)Opera (desktop)代码示例:<input type="tel" id="mobile-number" value="1234567890" data-format="(XXX) XXX-XXXX">...
但是只是在IE和OPERA中使用 document.getElementById(“text”).textContent 用于在火狐中获取数据 上面的标签在这几钟基于两种浏览器的内核的浏览器,这几种方法是不兼容的。下面是解决方案 兼容火狐ie的js 获取div...
} [removed] 修改代码:(在ie和火狐当中均正常) 代码如下: [removed] function oa_tool1(){ window.parent.document.getElementById(“mm”).rows=”20,200,10,*”; } [removed] 原因: 从原则上来讲,修改后的...
这是一个使用 CSS + JS 构建的简易图片查看器,采用缩略图点击查看大图,可以分别显示每张图片的描述,大图显示位置采用固定宽度和高度,超出部分隐藏,点击大图可查看完全尺寸,兼容性:IE、Firefox 、Opera。...
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp....
代码如下:function clickButton(id) { if (document.all) { document.getElementById(id).click(); } else { var evt = document.createEvent(“MouseEvents”); evt.initEvent(“click”, true, true); ...