HTML5新增功能 使用Selectors API簡化選取操作

    在HTML5出現(xiàn)之前，在網(wǎng)頁中通過特定的函數(shù)來査找頁面。在HTML5出現(xiàn)之后，引入了一種用于查找頁面DOM元素的快捷方式。在HTML5中，通過使用新的Selectors API可以用更精確的方式來 指定希望獲取的元素，而不必再用標準DOM的方式循環(huán)遍歷。Selectors API與現(xiàn)在CSS中使用的選擇規(guī)則一樣，通過它用戶可以查找頁面中的元素。

    使用下面的方法可以按照CSS規(guī)則來選取DOM中的元素：

    querySelector方法：根據(jù)制定的選擇規(guī)則返回頁面中找到的第—個匹配元素。

    querySelectorAII方法：根據(jù)制定的選擇規(guī)則返回頁面中所有相匹配的元素。

    對于querySelector()方法來說，選擇滿足規(guī)則中任意條件的第-個元素。對于querySelector -All()方法來說，頁面中的元素只要滿足規(guī)則中的任何一個，就會被返回。多條規(guī)則是用逗號隔開的。

    可以使用Selectors API來修改頁面中id為demo的元素中的內(nèi)容。