首頁  >  文章  >  web前端  >  IE8下关于querySelectorAll()的问题_javascript技巧

IE8下关于querySelectorAll()的问题_javascript技巧

WBOY
WBOY原創
2016-05-16 18:27:461518瀏覽

当用querySelector()或querySelectorAll()查找类似name="2nd_btn"的元素时,FF,chrome和IE8都会报错。
FF,chrome报的错是一样的,如下所示:
Error: uncaught exception: [Exception... "An invalid or illegal string was specified" code: "12" nsresult: "0x8053000c (NS_ERROR_DOM_SYNTAX_ERR)" location: ".../test/qsa.html Line: 18"]
IE8的报错提示:行: 18 错误: 参数无效。
一寻思,name的值是以数字开头的,把数字去掉或修改后,就能取到了。
这就告诉我们,一般可自定义标签的属性值时,属性值不能以数字开头,也不能包含$,^等不常用的字符。
在HTML页面开始一定要记得声明。

测试代码:


复制代码 代码如下:







<script> <BR>var a = document.querySelectorAll("[name=warns]") <BR>alert(a.length)//输出:2 <BR>var b = document.querySelector("[id=3err]") <BR>alert(b.tagName)//报错 <BR>var c = document.querySelectorAll("[name=1err]") <BR>alert(c.length)//报错 <BR></script>


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn