`
younglibin
  • 浏览: 1214386 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js中document在IE出错在Firefox正确

    博客分类:
  • js
阅读更多
Element_value = document . getElementById (ID_name )
参数:
ID_name:必选项 字符串(String)。
返回值:
Element_value: 获取对应ID名字 对象(Element)。
说明:
根据指定的id属性值得到对象。返回id属性值等于ID_name的第一个对象的

引用。假如对应的为一组对象,则返回该组对象中的第一个。
如果无符合条件的对象,则返回 null 。

它是一个document对象的方法,可以通过它来获得指定id的html元素。
例如在页面里表单元素你可以给它设置id值,或name值来区别同种类型的不同元素,当你设置id document.getElementById("id")来得到这个元素,从而通过document.getElementById("id").value 得到元素的值,类似的方法还有document.getElementsByName("name")通过元素名称来获得元素对象。document.getElementsByTagName("form")通过标签名称获得元素。

document.getElementById的一些细节
document.getElementById 有时会抓name放过了id ,据说是IE的一个BUG
<input type="hidden" id="hello8" name="category_id" value="2"

/>
<select id="category_id" onchange="al();">
一个是name="category_id" 一个是id="category_id"
用document.getElementById取第二个,可是,取到的却是第一个

name=category_id.在IE中getElementById竟然不是先抓id而是先找name

相同的物件...


两个form,每个form有两个textbox,两个form中的textbox是相同的name,

但id都不同...
這樣在Firefox是沒問題的...但在IE卻只抓得到第一个出現的name資料

下面这段代码可以验证这个结果
<HTML>
<HEAD>
<TITLE> getElementById </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function chkacc(){
alert(document.getElementById("tbxuid1").value);
alert(document.getElementById("tbxpwd1").value);
alert(document.getElementById("tbxuid").value);
alert(document.getElementById("tbxpwd").value);
}
//-->
</SCRIPT>
<BODY>
<FORM METHOD=POST ACTION="" name="frm1">
<INPUT TYPE="text" NAME="tbxuid" id="tbxuid1">
<INPUT TYPE="text" NAME="tbxpwd" id="tbxpwd1">
</FORM>
<FORM METHOD=POST ACTION="" name="frm2">
<INPUT TYPE="text" NAME="tbxuid" id="tbxuid">
<INPUT TYPE="text" NAME="tbxpwd" id="tbxpwd">
<INPUT TYPE="button" value="检查" name="btnchk"

onclick="chkacc();">
</FORM>
</BODY>
</HTML

② javascript中的getElementbyId使用
网页中的元素必须有id属性,才能通过这个方法得到,比如
<input type=text name="content" id="content">

③获取html标记主要有两种方法,一种是通过ID值,一种是通过name属性
name属性主要用于form表单内的input标记

分享到:
评论

相关推荐

    difference between IE and Firefox

    为了应对这些差异,开发者通常需要进行跨浏览器测试,并使用条件注释、库如jQuery或polyfills来确保代码在IE和Firefox中都能正确运行。同时,随着现代浏览器的普及,许多旧有的问题逐渐被解决,但了解这些历史遗留...

    ie与火狐中常见的一些兼容问题.doc

    ### IE与火狐中常见的一些兼容问题 #### 1. `document.form.item`问题 - **现有问题**:代码中存在大量使用`document.formName.item("itemName")`的语句,这种方式在Firefox(火狐)浏览器下无法正常工作。 - **...

    IE JS 调试 必备 工具

    - **兼容性问题**:IE与其他现代浏览器(如Chrome、Firefox)在JavaScript引擎和DOM实现上可能存在差异,可能导致某些代码在IE下运行不正常。开发者需要关注并测试在IE上的兼容性。 - **JScript与JavaScript**:IE...

    javascript DOM 操作.doc

    FireFox 中处理错误:在FireFox中,可以使用parseError对象来输出错误信息,该对象会替换出错的xml文档。 ```javascript if(oXmlDom.documentElement.tagName != "parsererror") { // 没有发生错误 } else { // ...

    javascript中快速定位的方法

    1. **Firefox错误控制台**:按下`Ctrl+Shift+J`可以打开Firefox的错误控制台,它能够立即显示出当前页面中的JavaScript错误,并直接跳转到出错的代码位置。 - **优点**:操作简单,反馈及时。 2. **其他浏览器的...

    JS IE和FF兼容性问题汇总

    当使用集合类对象时,如`document.forms("formName")`在Firefox中会出错,而IE可以接受。修复的方法是使用数组索引语法,将`()`替换为`[]`,如`document.forms["formName"]`。 3. **window.event问题**: 在IE中...

    Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法

    [removed] ”trone”&gt; &lt;/tr&gt; 在IE中,有时候会出现”未知的运行时错误(unknown runtime error)”,而在firefox里不会。 这主要是IE在对innerHTML进行写操作的时候会检查element是否具备做为这些内容中html对象容器的...

    CSS中expression使用简介

    2. **浏览器兼容性**:`expression`仅在IE浏览器中支持,其他浏览器如Firefox、Chrome、Safari和Opera等都不支持,这会导致跨浏览器的样式不一致。 3. **错误处理**:如果`expression`中的JavaScript代码有错误,会...

    大名鼎鼎SWFUpload- Flash+JS 上传

    在FireFox中,如果窗口的滚动条没有回滚到顶部,那么Flash无法加载 Race-conditions when files are cached 兼容ASP.Net Forms SWFUpload v2 延续了SWFUpload的设计目标,将UI分离以交给开发人员控制和后续扩展 ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox和TwinTriggerBox增加EnableEdit属性。 -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性...

    ie浏览器使用js导出网页到excel并打印

    本文将详细介绍如何使用JavaScript在IE浏览器中实现网页信息的导出到Excel以及打印功能。这种方法适用于对功能需求不那么复杂的小型项目,能够以简洁的方式实现所需功能,同时便于系统维护。 首先,我们需要创建一...

    ExtAspNet_v2.3.2_dll

    -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox和TwinTriggerBox增加EnableEdit属性。 -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性...

    javascript中兼容主流浏览器的动态生成iframe方法

    首先,让我们看一个在IE8下运行正常但在IE9中出错的示例代码: ```javascript document.createElement(';top:0;left:0;width:1px;height:1px;visibility:hidden;"&gt;&lt;/iframe&gt;'); ``` 这个错误提示`SCRIPT5022: DOM ...

    ajax实例,兼容各个主流浏览器

    由于不同浏览器对XMLHttpRequest对象的支持程度不同,我们需要编写兼容代码来确保在所有主流浏览器(如IE、Firefox、Chrome、Safari等)中都能正常工作。以下是一些常见的兼容性问题及解决方案: #### 2.1 创建...

    基于JS判断iframe是否加载成功的方法(多种浏览器)

    对于非IE浏览器,如Firefox、Opera、Chrome等,它们支持`iframe`的`onload`事件。当`iframe`内容加载完毕时,`onload`事件会被触发。下面是如何使用`addEventListener`来监听`onload`事件: ```javascript var ...

    javascript实现获取浏览器版本、浏览器类型

    文章的示例代码主要针对IE、Firefox、Chrome、Opera和Safari这几种主流浏览器进行了检测。这些浏览器在用户群体中占据较大的市场份额,因此开发人员通常会优先考虑这些浏览器的兼容性。 知识点七:使用document....

    解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)

    本文将详细讨论一个特定的JavaScript问题,即在Internet Explorer(IE)浏览器中使用`innerHTML`属性向`&lt;select&gt;`元素插入`&lt;option&gt;`标签时遇到的bug,以及如何解决这个bug以实现跨浏览器兼容性,包括IE、Firefox、...

    JavaScript动态插入script的基本思路及实现函数

    这个事件在IE9及更高版本的IE浏览器中可用,也兼容Firefox、Chrome和Opera。对于旧版本的IE浏览器,可以使用onreadystatechange事件进行替代。 ### 实现动态插入script的函数 根据上述思路,我们可以实现一个名为...

    JS中innerHTML和pasteHTML的区别实例分析

    由于pasteHTML是IE特有,因此在其他浏览器(如Firefox、Chrome、Safari等)中不适用。 总的来说,innerHTML是一个DOM属性,广泛支持且用途广泛,适用于大多数HTML内容的插入和更新。而pasteHTML是一个非标准方法,...

Global site tag (gtag.js) - Google Analytics