HTML5脚本扩展---新增小型API

1. H5新增选择器( SelectorsAPI )

1)      H5之前的选择器

• document.getElementById("p1");//获取ID为p1的那个元素，返回一个元素
• document.getElementsByTagName("p");//获取文档中所有p标签，返回一个NodeList实例
• document.getElementsByName("check");//获取所有name为check的元素，始终返回一个NodeList实例

2)      H5新增

      querySelector(“ body / #mydiv / .selected / img .fig / [title=hello]”)

• 参数：一个CSS选择符  “img .layer”返回类为”fig”的第一个img元素;
• 返回：匹配到的第一个元素
• 调用：Document类型，Element类型
• 浏览器的兼容性：IE8+、FireFox3.5+、Safari3.1+、Chrome和Opera10+

       querySelectorAll()

• 参数：也是一个CSS选择符
• 返回：一个NodeList实例
• 调用：Document类型，Element类型和DocumentFragment类型
• 浏览器的兼容性：IE8+、FireFox3.5+、Safari3.1+、Chrome和Opera10+

       matchesSelector()

•  参数：同样是一个CSS选择符
• 调用：Element类型
• 返回：若调用该方法的元素与传入方法CSS选择符参数匹配，返回true,否则返回false
•  浏览器的兼容性: 还没有浏览器支持，
• 但IE9+通过msMatchesSelector()方法支持;
• Firefox3.6+通过mozMatchesSelec