IE8下关于querySelectorAll()的问题


Posted in Javascript onMay 13, 2010

当用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页面开始一定要记得声明<!DOCTYPE>。

测试代码:

<!DOCTYPE> 
<html> 
<head></head> 
<body> 
<div id="foo"> 
<a name="warns" href="">This is a sample warning</a> 
<a id="3err" href="">This is a sample error</a> 
</div> 
<div id="bar"> 
<a name="warns" href="">This is another sample warning</a> 
<a name="1err" href="">This is another sample error</a> 
</div> 
<script> 
var a = document.querySelectorAll("[name=warns]") 
alert(a.length)//输出:2 
var b = document.querySelector("[id=3err]") 
alert(b.tagName)//报错 
var c = document.querySelectorAll("[name=1err]") 
alert(c.length)//报错 
</script> 
</body> 
</html>
Javascript 相关文章推荐
javascript各种复制代码收集
Sep 20 Javascript
JavaScript 解析读取XML文档 实例代码
Jul 07 Javascript
Jquery解析Json格式数据过程代码
Oct 17 Javascript
jQuery实现checkbox全选的方法
Jun 10 Javascript
AngularJS中指令的四种基本形式实例分析
Nov 22 Javascript
AngularJS监听路由变化的方法
Mar 07 Javascript
Bootstrap输入框组件使用详解
Jun 09 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
Mar 28 Javascript
vue使用高德地图根据坐标定位点的实现代码
Aug 22 Javascript
详谈Object.defineProperty 及实现数据双向绑定
Jul 18 Javascript
JavaScript函数柯里化
Nov 07 Javascript
关于可运行代码无法正常执行的使用说明
May 13 #Javascript
jquery validate.js表单验证的基本用法入门
May 13 #Javascript
JQuery 选择器 xpath 语法应用
May 13 #Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
May 11 #Javascript
通过判断JavaScript的版本实现执行不同的代码
May 11 #Javascript
JavaScript 判断指定字符串是否为有效数字
May 11 #Javascript
Jquery 获得服务器控件值的方法小结
May 11 #Javascript
You might like
php-cli简介(不会Shell语言一样用Shell)
2013/06/03 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
ThinkPHP实现更新数据实例详解(demo)
2016/06/29 PHP
ECMAScript 基础知识
2007/06/29 Javascript
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
JSChart轻量级图形报表工具(内置函数中文参考)
2010/10/11 Javascript
jquery插件star-rating.js实现星级评分特效
2015/04/15 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
辨析JavaScript中的Undefined类型与null类型
2016/05/26 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
2016/09/04 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
jQuery Chosen通用初始化
2017/03/07 Javascript
vue中npm包全局安装和局部安装过程
2019/09/03 Javascript
[01:33]真香警告!DOTA2勇士令状不朽珍藏Ⅱ饰品欣赏
2018/06/26 DOTA
[03:30]完美盛典趣味短片 CSGO2019年度名场面
2019/12/07 DOTA
python实现逆波兰计算表达式实例详解
2015/05/06 Python
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
详解python 注释、变量、类型
2018/08/10 Python
python实现倒计时小工具
2019/07/29 Python
python退出循环的方法
2020/06/18 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
基于python图书馆管理系统设计实例详解
2020/08/05 Python
HTML5 创建canvas元素示例代码
2014/06/04 HTML / CSS
HTML5实现多张图片上传功能
2016/03/11 HTML / CSS
深入浅析HTML5中的article和section的区别
2018/05/15 HTML / CSS
智能旅行箱:Horizn Studios
2018/04/30 全球购物
ONLY瑞典官网:世界知名服装品牌
2018/06/19 全球购物
白莲教口号
2014/06/18 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
安全生产月标语
2014/10/07 职场文书
投标单位介绍信
2015/05/05 职场文书
党员读书活动心得体会
2016/01/14 职场文书
《称赞》教学反思
2016/02/17 职场文书
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL