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

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

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

单击可以使用a标签和onclick事件,具体的演示代码如下:

<div onclick="window.open('https://lanye.org')">单击打开网址</div>

<a href="https://lanye.org" target="_blank">单击打开网址</a>

双击需要使用ondblclick时间,具体的演示代码如下:

<div ondblclick="window.open('https://lanye.org')">双击打开网址</div>

下面的代码先通过表格对象的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>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6153125.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存