document_getElementById的一些细节

最新推荐文章于 2021-12-15 13:10:38 发布
最新推荐文章于 2021-12-15 13:10:38 发布
阅读量486 收藏 1
点赞数
分类专栏： JavaScript 文章标签： input textbox javascript action firefox html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangm1203/article/details/1693420
版权
① document.getElementById 有时会抓name放过了id ，据说是IE的一个BUG；
http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443

页面中有
<input type="hidden" id="hello8" name="category_id" value="2" />
<select id="category_id" οnchange="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" οnclick="chkacc();">
</FORM>
</BODY>
</HTML

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

③获取html标记主要有两种方法，一种是通过ID值，一种是通过name属性
name属性主要用于form表单内的input标记
 
必败客
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
document.getElementById详解
我的成长之路
12-15 3万+
注意： document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是 “ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才 是具体的值！   参考资料： 1. document . getElementById 的用法和 DHTML.CHM 的下载地址 http://blog.sin...
联通光猫改桥接
chiefoforc的iOS知识管理系统
04-26 6355
光猫型号：TEWA-800E Chrome 192.168.1.1 F12打开控制台 document.getElementById('loginfrm').setAttribute('method','get') document.getElementById('username').value = 'CUAdmin' document.getElementById('password').value = 'CUAdmin' function submitFrm() { with(document.
北京联通KD-YUN-811E改桥接
Bungehurst
08-17 5958
192.168.1.1登录页面，F12-控制台-输入如下代码： document.getElementById(‘loginfrm’).setAttribute(‘method’,‘get’) document.getElementById(‘username’).value = ‘CUAdmin’ document.getElementById(‘password’).value = ‘CUAdmin’ function submitFrm() { with(document.forms[0]) { if
iframe重新加载
weixin_30883271的博客
09-05 868
方法1： document.getElementById('iframeId').contentWindow.location.reload(true); 方法2： document.getElementById('iframeId').src=url; 方法3： $("#iframeId").attr('src', url); 转载于:https://www....
关于document.getElementById的一些细节
hanxinyu
11-16 304
[code]document.getElementById 有时会抓name放过了id ，据说是IE的一个BUG； http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443 页面中有 &lt;input type="hidden" id="hello8" name="category_id" value="2" /&...
修改浏览器title《超实用的JavaScript代码段》笔记
不二喵老师
12-15 516
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>修改浏览器title.
document.getElementById的一些细节
12-09
① document.getElementById 有时会抓name放过了id ，据说是IE的一个BUG； http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443 页面中有 程序代码 <input type=”hidden” id=”hello8...
getElementByIdx_x js自定义getElementById函数
10-28
其核心逻辑是检查`id`是否为字符串类型，如果是，则调用原生的`document.getElementById(id)`方法，否则抛出一个错误提示用户必须传递一个字符串作为ID。 在实例代码中，`getElementByIdx_x`被用来动态更新一个具有...
javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法 <font color=red>原创</font>
10-29
今天更升级了ie8,发现原来在ie7下可以运行的代码，不能运行了，发现了一些细节，附临时修改办法。
My document
11-10
var table = document.getElementById(tableID); var newRow = table.insertRow(-1); // 在最后添加新行 for (var i = 0; i ; i++) { var newCell = newRow.insertCell(i); newCell.innerHTML = data[i]; } }...
图片细节放大查看
06-18
const img = document.getElementById('zoomable-image'); img.addEventListener('mousemove', handleMouseMove); ``` 2. **计算放大区域**：在`handleMouseMove`函数中，我们需要获取鼠标的位置，并根据这个...
document.getElementById的简写方式(获取id对象的简略写法)
12-04
比如用_$(id)代替document.getElementById(id). 如果是纯粹的代替可以使用下面的代码 代码如下: function $(id){document.getElementById(id)} 个人比较推荐用prototype中对document.getElementById的定义: 代码如下: function $() { var elements = new Array(); for (var i = 0; i < arguments.length; i++) { var element = arguments[i]; if (typeof element ==
document.getElementById()方法使用
热门推荐
酣睡的熊㊣的技术博客
02-07 36万+
document.getElementById使用 语法：oElement = document .getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一
使用getElementById获取xml中的指定元素
weixin_30265103的博客
08-15 348
Document有一个getElementById的方法，在文档中的解释是：返回具有带给定值的 ID 属性的 Element。如果不存在此类元素，则此方法返回 null。如果多个元素具有带该值的 ID 属性，返回哪一个元素是不确定的。注： 具有名称 "ID" 或 "id" 的属性不属于类型 ID，除非这样定义。 <root><test id="test">...
getElementById 用法的一个技巧
张庆（网眼）
04-28 6910
假设实现把 TextBox1 的字符实时的拷贝到 TextBox2 中，代码如下：            function CopyStr()        {          document.getElementById("TextBox2").value = document.getElementById("TextBox1").value;        }             
关于document.getElementById("id").value找不到值
prejudice_zhu的博客
01-13 2987
要是使用框架，它会先找到框架的name 然后在再ID，所以最好name和id不同
document.getElementById("areatext").setAttribute("value",area);似乎不会更新
mddCSDN的博客
11-01 3371
  &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;圆面积&lt;/title&gt; &lt;script type="text/javascript" src="area
js中通过document.getElementById()获取到的值的类型
weixin_35703883的博客
07-09 3万+
问题描述： var value1 = document.getElementById（“num1”）.value; //3或9 var value2 = document.getElementById（“num2”）.value; //4或10 if(value1 < value2 ){ alert("正确") }else{ alert("失败) } 当value1 = 3,v...
北京联通天邑TEWA-800E光猫改桥接
tianming1992的专栏
09-02 3928
光猫型号天邑TEWA-800E，硬件版本V3.0，软件版本Tianyi_V3.1.2。 打开管理员界面 chrome F12 console 输入以下 回车 document.getElementById('loginfrm').setAttribute('method','get') document.getElementById('username').value = 'CUAdmin' document.getElementById('password').value = 'CUAdmin'
document.getElementById获取值为null
最新发布
06-01
当使用 document.getElementById 方法获取某个元素时，如果返回值为 null，通常是因为没有找到该元素。以下是一些可能导致这种情况的原因： 1. 元素的 ID 值设置错误，与实际 HTML 代码中的不一致。 2. 元素还未被...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值