[code]
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" 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标记
[/code]
分享到:
相关推荐
① document.getElementById 有时会抓name放过了id ,据说是IE的一个BUG; http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443 页面中有 程序代码 <input type=”hidden” id=”hello8...
document.getElementById("1").style.backgroundColor = "#900"; document.getElementById("2").style.backgroundColor = "#999"; document.getElementById("3").style.backgroundColor = "#999"; document....
document.getElementById('province').addEventListener('change', function() { var province = this.value; var cities = regions[province]; // 清空城市和区县下拉框 document.getElementById('city')....
document.getElementById("td3").innerText = "地区:" + DicAreaFullName; document.getElementById("td4").innerText = "详细地址:" + FullAddress; document.getElementById("td5").innerText = "联系号码:...
document.getElementById("description").style.display = "inline"; } }; document.getElementById("keyword").onfocus = function() { if (!document.getElementById("keyword").value) { document....
document.getElementById('normal-img').addEventListener('mouseover', function() { var img = document.createElement('img'); img.src = this.src.replace('small', 'large'); // 假设大图文件名是small替换为...
在JavaScript的世界里,实现鼠标经过图片时文字变化的特效是一种...如果你想要了解更多关于这个特效的实现细节,或者探索更多的JavaScript交互特效,这个"JS鼠标经过图片文字变化特效.zip"文件将是一个很好的学习资源。
document.getElementById('closeBtn').addEventListener('click', function() { document.getElementById('popup').style.display = 'none'; }); // 触发弹窗显示的逻辑,例如点击某个链接或按钮 document....
document.getElementById("eMeng").style.left=parseInt(document.body.scrollLeft,10)+docWidth-divWidth; document.getElementById("eMeng").style.visibility="visible"; ``` 在页面加载完成后,视频元素被设置为...
document.getElementById('openButton').addEventListener('click', function() { document.getElementById('modalWindow').style.display = 'block'; }); ``` 为了将表单内容传递给请求页面,我们可以使用...
document.getElementById('openPopup').addEventListener('click', function() { document.getElementById('popup').style.display = 'block'; document.getElementById('overlay').style.display = 'block'; }); ...
#### 一、项目概述 ...通过这个示例,我们不仅学会了如何使用HTML和JavaScript来创建一个功能完备的小工具,还了解了网页编程的一些核心概念和技术细节。希望本文能为你提供有价值的参考和启示。
document.getElementById('leftBtn').addEventListener('click', () => { const lb1 = document.getElementById('listBox1'); const lb2 = document.getElementById('listBox2'); if (lb2.children.length > 0) {...
document.getElementById('menu').style.display = 'block'; } function hideMenu() { document.getElementById('menu').style.display = 'none'; } ``` #### 进阶技巧 1. **动态位置调整**:为了使浮动...
document.getElementById('bottomBtn').addEventListener('click', function() { window.scrollTo(0, document.body.scrollHeight); }); ``` 以上就是使用纯HTML、CSS和JavaScript实现“返回顶部”和“返回底部”...
document.getElementById('editBtn').style.display = 'block'; } else { document.getElementById('editBtn').style.display = 'none'; } }); ``` 当用户点击编辑按钮时,弹出一个编辑框。这个编辑框可以是...
document.getElementById('close').addEventListener('click', function() { document.getElementById('mask').style.display = 'none'; document.getElementById('popup').style.display = 'none'; }); // ...
document.body.removeChild(document.getElementById('overlay')); } else { document.body.style.overflow = 'auto'; document.body.style.position = 'static'; document.body.style.backgroundColor = '...