<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
td:hover{
background-color: red;
}
</style>
<script>
function selectData(){
var hoverpan = document.querySelectorAll("td");
if(hoverpan){
document.querySelector("#idiv").innerHTML = hoverpan.innerHTML;
for(var i=0;i<hoverpan.length;i++){
console.log("hoverpan["+i+"] = "+hoverpan[i].innerHTML);
}
}
}
</script>
</head>
<body>
<table>
<tr>
<td id="tdi">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
</table>
<button id="ibutton" onclick="selectData()">点击</button>
<div id="idiv"></div>
</body>
</html>
HTML5 -- querySelectorAll()
猜你喜欢
转载自blog.csdn.net/u014112584/article/details/50867237
今日推荐
周排行