- 1Oracle中查询主键、外键、sequence、表基本信息等
- 2【局域网内其他机器可以访问部署机】轻松搭建llama3Web 交互界面 - Ollama + Open WebUI_ollama3
- 3力扣百题-1137 第 N 个泰波那契数_1137. 第 n 个泰波那契数
- 4web页面登陆，密码加密传输_在我们系统登录页面登录成功后怎么将秘钥返回给第三方系统接收
- 5【论文笔记】Unleashing HyDRa: Hybrid Fusion, Depth Consistency and Radar for Unified 3D Perception
- 6基于DDS的信号源设计_dds信号源
- 7【区分vue2和vue3下的element UI Descriptions 描述列表组件，分别详细介绍属性，事件，方法如何使用，并举例】
- 8求队列的最大值-辅助队列_获取队列最大值
- 9spark streaming从kafka接收的简单demo_spark kafka demo
- 10langchain 0.2【2024-06-23】安装及连接本地llama3模型_lainchain调用本地ollama3
为table动态添加行；根据行的奇偶性对行的背景色进行设置，以及当鼠标移到该行和离开该行时的背景色_newblock.green-chain.cc
赞
踩
<script type="text/javascript">
window.onload = function () {
var tb1 = document.getElementById("tb1");
var tr = document.getElementsByTagName("tr");
document.getElementById("btnAdd").onclick = function () {
var row = tb1.insertRow();//添加行
var index = tr.length;//行的索引
//alert(index);
var sname = row.insertCell(0);//添加列
sname.innerText = "a"; //innerText：在添加的列中放入内容。innerHTML：在td中添加控件
var gender = row.insertCell(1);
gender.innerText = "男";
var age = row.insertCell(2);
age.innerText = "24";
row.appendChild(sname);//把添加的td放到该行中
row.appendChild(gender);
row.appendChild(age);
//根据索引对行的背景颜色进行设置；以及当鼠标移到该行和离开该行时背景色的变化
var beforeColor;
for (var i = 0; i < index; i++) {
if (i % 2 == 0) {
row.style.backgroundColor = "red";
} else {
row.style.backgroundColor = "green";
}
row.onmouseover = function () {
beforeColor = this.style.backgroundColor;
this.style.backgroundColor = "purple";
}
row.onmouseout = function () {
this.style.backgroundColor = beforeColor;
}
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 100%;" id="tb1">
<tr id="1" style="background: red;">
<td>
姓名
</td>
<td>
性别
</td>
<td>
年龄
</td>
</tr>
</table>
</div>
<input id="btnAdd" type="button" value="button" />
</form>
</body>
</html>
