<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1" id="mytable">
<tr>
<th>名车</th>
<th>名人</th>
<th>球星</th>
</tr>
<tr>
<td>保时捷</td>
<td>王力宏</td>
<td>韦德</td>
</tr>
</table>
<script>
var otable = document.getElementById("mytable");
var otr = otable.insertRow(2);
/*增加td*/
var otd1 = otr.insertCell(0);
var nodeText = document.createTextNode("法拉利");
otd1.appendChild(nodeText);
var otd2 = otr.insertCell(1);
var nodeText2 = document.createTextNode("高圆圆");
otd2.appendChild(nodeText2);
var otd3 = otr.insertCell(2);
var nodeText3 = document.createTextNode("罗纳尔多");
otd3.appendChild(nodeText3);
/*删除行*/
/*otable.deleteRow(1);
otr.deleteCell(0);*/
/*获取到所有行*/
var ro = otable.rows;
console.info(ro);
for(var i=0;i<otable.rows.length;i=i+2){
otable.rows[i].style.backgroundColor = "red";
for(var j=0;j<otable.rows[i].cells.length;j=j+2){
otable.rows[i].cells[j].style.backgroundColor = "orange";
}
}
</script>
</body>
</html>
html06
最新推荐文章于 2023-09-05 23:01:45 发布