HTML5新增功能 使用Selectors API简化选取操作

    在HTML5出现之前，在网页中通过特定的函数来査找页面。在HTML5出现之后，引入了一种用于查找页面DOM元素的快捷方式。在HTML5中，通过使用新的Selectors API可以用更精确的方式来 指定希望获取的元素，而不必再用标准DOM的方式循环遍历。Selectors API与现在CSS中使用的选择规则一样，通过它用户可以查找页面中的元素。

    使用下面的方法可以按照CSS规则来选取DOM中的元素：

    querySelector方法：根据制定的选择规则返回页面中找到的第—个匹配元素。

    querySelectorAII方法：根据制定的选择规则返回页面中所有相匹配的元素。

    对于querySelector()方法来说，选择满足规则中任意条件的第-个元素。对于querySelector -All()方法来说，页面中的元素只要满足规则中的任何一个，就会被返回。多条规则是用逗号隔开的。

    可以使用Selectors API来修改页面中id为demo的元素中的内容。