IE8浏览器下dom元素不区分name属性大小写问题

在IE8浏览器下用name属性去获取dom元素时居然是不区分大小写的。
比如：

<input type='text' name='C1'/>
<input type='text' name='c1'/>

如上有2个input输入框，它们的name属性分别是大写C1和小写c1
在获取元素时，在谷歌浏览器下使用jqury获取：

$("input[name='c1']").length // 1

如上代码在I8下运行时获取的dom元素是2。
改为js原生方法来获取：

document.getElementsByName('c1').length
document.querySelectorAll("input[name='c1").length

以上2个方法在IE8下均为2。由此可见IE8下name属性不区分大小写。
当遇到这些问题时，我们在选择dom元素时可以加上其父级元素来区分选择：

<p class='p1'><input type='text' name='C1'/></p>
<p class='p2'><input type='text' name='c1'/></p>
document.querySelectorAll(".p1 input[name='C1")
document.querySelectorAll(".p2 input[name='c1")

这样便解决了IE8下无法区分name属性大小写的问题。

IE8浏览器下dom元素不区分name属性大小写问题相关推荐

关于IE8浏览器下，split()和replace()函数的不兼容问题
在我们常用的jquery函数中,有两个经常使用的函数,split()和replace函数. 我在使用的时候,需要将一个含有开始和结束日期的字符串转化为两个新格式的字符串传给后台. 这个字符串格式是这样 ...
DOM元素的特性和属性
1.特性每个DOM元素都有一或多个特性,特性用来给出相应元素或其内容的附加信息,特性名称不区分大小写.特性设置:通过在HTML文档标签中设置`attributeName='value'`,或者通过` ...
ie8浏览器下播放视频
在ie8下面播放视频,只需要使用embed标签就行了,网上的一些拆件在ie8及以下都不能放.我们可以通过 document.embeds来控制视频的播放和暂停. <embed class=&qu ...
IE浏览器下DOM节点被替换后获取边界offsetParent / getBoundingClientRect 的BUG解决(版本 EXT 2.0/ 2.0.1)...
BUG 症状: 拖动分割栏或resize的时候,出现"未指明的错误" 1.打开ext-base.js 2. 找到getBoundingClientRect() 3.替换为 // t ...
linux 下 mysql默认表_linux环境下mysql默认是区分表名大小写的
在linux环境下,mysql默认表明是区分大小写的,我们可以查看全局变量发现: mysql> show variables like 'lower%'; +------------------ ...
ie8浏览器html圆角问题,IE7,IE8浏览器CSS实现正圆角效果代码
圆角效果以前用的是图片实现现在我们来用css实现了,下面来看一篇非常详细的关于IE7,IE8浏览器CSS实现正圆角效果代码吧,希望文章能够帮助到各位朋友. 一.关于IE7, IE8不支持CSS3 bo ...
v-if与v-show(动态显示dom元素)
区别 (1)手段: v-if是动态的向DOM树内添加或者删除DOM元素: v-show是通过设置DOM元素的display样式属性控制显隐: (2)编译过程: v-if切换有一个局部编译/卸载的过程, ...
使用Vue获取DOM元素
$refs获取DOM元素 Vue中,使用$refs属性可以获取DOM元素. 注意:需要在DOM元素中挂载ref属性后才能使用 //html<p id="app" ref = ...
Linux火狐不能编辑,火狐浏览器下 contenteditable 内包含不可编辑元素，光标不能出现在元素后面...
火狐浏览器下 .edit { width: 200px; height: 40px; border: 1px solid green; } .disEdit { display: inline-blo ...

IE8浏览器下dom元素不区分name属性大小写问题

IE8浏览器下dom元素不区分name属性大小写问题相关推荐

最新文章

热门文章