html点击表格右下角出现一个选择框

html-css07

html点击表格右下角出现一个选择框,第1张

如果要在HTML表格的右下角出现一个选择框，可以使用input元素和CSS来实现。首先，需要在最后一个单元格中添加一个input元素，并确保该元素位于表格右下角，然后设置input元素的type属性为"checkbox"，最后设置CSS来将其呈现为单独的选择框即可。

下面的代码先通过表格对象的rows获得指定的行的所有单元格数组，然后定位指定的单元格，通过单元格的innerHTML属性获得单元格的html内容

<!DOCTYPE html>

<html>

<head>

<script>

function cell()

{

var x=document.getElementById('myTable').rows[0].cells

alert(x[0].innerHTML)

}

</script>

</head>

<body>

<table id="myTable" border="1">

<tr>

<td>cell 1</td>

<td>cell 2</td>

</tr>

<tr>

<td>cell 3</td>

<td>cell 4</td>

</tr>

</table>

<br>

<input type="button" onclick="cell()"

value="Alert first cell">

</body>

</html>