HTML5新增功能 使用Selectors API簡(jiǎn)化選取操作

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

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

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

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

    對(duì)于querySelector()方法來(lái)說(shuō)，選擇滿足規(guī)則中任意條件的第-個(gè)元素。對(duì)于querySelector -All()方法來(lái)說(shuō)，頁(yè)面中的元素只要滿足規(guī)則中的任何一個(gè)，就會(huì)被返回。多條規(guī)則是用逗號(hào)隔開的。

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