zoukankan      html  css  js  c++  java
  • document.getElementById方法在火狐和谷歌浏览器兼容

    转自:http://www.office68.com/computer/6505.html

    对于前台设计,浏览不兼容是一个很头晕的事情,为此记录下来与大家分享,并供日后自己参考。

    例:
    有一个名为pwd的文本输入框
    <input type="text" name="pwd" " value="输入密码">

    在IE中通过
    var strpwd= document.getElementById("pwd").value;
    通正常获取值,
    但在火狐中不行,

    顾明思义,get-Element-By-Id,就是通过 ID 来设置/返回 HTML 标签的属性及调用其事件与方法
    HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。
    不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。
    在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。

    显然document.getElementById("pwd").value,是W3C规定的方法,上面的文本输入框少ID这个属性,加上去就正常了。

    <input type="text" name="pwd" " value="输入密码">
    改为
    <input type="text" name="pwd" id="pwd" " value="输入密码">

    即可以实现浏览器的兼容性。

    getElementById,如果其元素没有id属性,按规定应该无法获取。
    其实并非火狐不兼容,只是IE的容错性高,或者IE并不是一个很标准的浏览器。

  • 相关阅读:
    UVA 1660 Cable TV Network
    UVA 1149 Bin Packing
    UVA 1610 Party Games
    UVA 12545 Bits Equalizer
    UVA 11491 Erasing and Winning
    UVA 1611 Crane
    DataTable循环删除行
    SqlBulkCopy使用心得 (大量数据导入)
    JQuery选择器大全
    java学习--GUI3
  • 原文地址:https://www.cnblogs.com/hhls/p/5316025.html
Copyright © 2011-2022 走看看