html新增的选择器,HTML5新增的选择器

除了传统的document.getElementById,document.getElementsByName,document.getElementsByTagName外，HTML5中新增了2个更好用的选择器，分别是：

document.querySelector：返回第一个找到的元素；

document.querySelectorAll:返回找到的所有元素。

示例：

有一个表格，鼠标放上去的时候变色，按ENTER键弹出鼠标当前所在的单元格的内容。

代码：

Html5 Query Selector Demo

section {

width:50%;

}

table {

width:50%;

}

td {

border-style:solid;

border-width:1px;

}

td:hover {

background-color:#F37D31;

}

div {

color:white;

background-color:#F37D31;

-webkit-border-radius:10px;

-webkit-box-shadow:2px 2px 2px green;

-webkit-transform:rotate(-45deg);

text-align:center;

padding:10px;

margin-top:100px;

}

操作提示：鼠标放到表格上，按ENTER键

aaa	bbb	ccc
ddd	eee	fff
ggg	hhh	iii

Find 'td:hover' target