怎么写一个HTML里table单元格的鼠标单击事件

怎么写一个HTML里table单元格的鼠标单击事件,第1张

] <!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

*{margin: 0padding: 0}

th, td{width: 50pxheight: 30pxtext-align: center}

th{cursor: pointerborder: 1px solid transparent}

th:hover{border: 1px solid greenyellow}

</style>

</head>

<body>

<table>

<tr>

<th>111</th>

<th>222</th>

<th>333</th>

</tr>

<tr>

<td>111</td>

<td>222</td>

<td>333</td>

</tr>

</table>

<script type="text/javascript">

1: 当时道格拉斯·恩格尔巴特在斯坦福研究室工作;

2:  鼠标是1964年由加州大学伯克利分校博士道格拉斯·恩格尔巴特[1] (Douglas Engelbart)发明的[2]&nbsp;鼠标&nbsp,来代替键盘那繁琐的指令

3:  编辑

4:  鼠标是计算机的一种输入设备,也是计算机显示系统纵横坐标定位的指示器,因形似老鼠而得名“鼠标”(港台作滑鼠).

5: “鼠标”的标准称呼应该是“鼠标器”,英文名“Mouse”,该研究所是斯坦福大学赞助的一个机构,Douglas Engelbart很早就在考虑如何使电脑的 *** 作更加简便,用什么手段来取代由键盘输入的繁琐指令,鼠标的使用是为了使计算机的 *** 作更加简便快捷&nbsp

在linkbutton里面放置onclick点击事件,或者jquery点击事件均可。

<html>

<body>

<input type="submit" value="Submit" id="test" onclick="ipt()">

<script type="text/javascript">

function ipt{

alert("aaa")

}

$(function(){

$("#test").click(function(){

alert("aaa")

})

})

</script>

</body>

</html>

在table的td中添加一个button的代码,点击事件的相应函数设置为增加table的方法,这套方法的前提是你要先明白table的结构,table结构到百度上一查就可以了。这里这写给你代码:

//获取table对象

var oTable = document.getElementById("tableA")

//找到要添加button的td,这里以表格第一行第一列为例子

var oTd = oTable.rows[0].cells[0]

//添加button到td中,添加前吧td内容清空并赋予button的代码

oTd.innerHTML = "<button onclick='fnInsert()'>添加收费</button>"

//然后定义添加一行的方法方法名与onclick一致

function fnInsert(){

var oTable = document.getElementById("tableA")

var oTr = oTable.insertRow()

var oTd = oTr.insertCell()

oTd.innerHTML = "新添加了一行"

}


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存