js创建表格

ゝ一世哀愁。 2022-06-16 00:07 286阅读 0赞

第一部分：

<table border="1" cellspacing="0" cellpadding="0" width="800" id="tab">
    			<tr>
    				<th>序号</th>
    				<th>姓名</th>
    				<th>密码</th>
    				<th>性别</th>
    				<th>操作</th>
    			</tr>
    		</table>

第二部分：

//利用table来创建tr
    				var tab=document.getElementById("tab");
    				var arr=[count,name,pass,str,"<input type='button' value='删除'/>"];
    				var mytr=document.createElement("tr");
    				tab.appendChild(mytr);
    				for(var i=0;i<arr.length;i++){
    					var mytd=document.createElement("td");
    					mytd.innerHTML=arr[i];
    					mytr.appendChild(mytd);
    				}
    				count++;
    				mytr.lastChild.οnclick=function(){
    					mytr.parentNode.removeChild(mytr);
    					
    				}

第三部分(鼠标经过时变色)：

var myColor;
    				for(var i=0;i<trs.length;i++){
    					trs[i].οnmοuseοver=function(){
    						myColor = this.style.background;
    						this.style.background="blue";
    					}
    					trs[i].οnmοuseοut=function(){
    						this.style.background=myColor;
    					}
    				}

发表评论取消回复

表情：

评论列表（有 0 条评论，286人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript（二）——创建表格

<!DOCTYPE html> <html> <head> <title></title> <

Bertha 。/ 2023年06月26日 12:12/ 0 赞/ 61 阅读

相关利用js动态创建表格

利用js动态创建表格（appendChild实现覆盖式创建）在用JS创建表格时如果用 document.write()的话会将页面全部覆盖，只能做到输入一次的效果。但是

末蓝、/ 2023年06月07日 10:48/ 0 赞/ 76 阅读

相关 Typora编辑器“表格”创建

Typora编辑器“表格”创建 > Typora 的表格创建，比 Markdown 语法简单 Markdown 语法： 1|2|3 ---|--

川长思鸟来/ 2022年11月27日 10:19/ 0 赞/ 398 阅读

相关 html怎么用js创建表格,创建表格.html

function MyTable(rows,cols)\{ this.createTable = function()\{ this.table = document.cr

旧城等待，/ 2022年10月08日 00:40/ 0 赞/ 314 阅读

相关创建优雅表格的8个js工具

当需要呈现数百个表的数据时，展示和可访问性扮演着至关重要的角色。在这种情况下，倘若一个数据网格能够支持大量数据集的HTML Table并提供诸如排序、搜索、过滤和分页等功能，那

落日映苍穹つ/ 2022年08月05日 08:47/ 0 赞/ 202 阅读

相关 js创建表格

第一部分： <table border="1" cellspacing="0" cellpadding="0" width="800" id="tab">

ゝ一世哀愁。/ 2022年06月16日 00:07/ 0 赞/ 287 阅读

相关通过js为html动态创建表格

$(function () \{ $.ajax(\{ type: "POST", url: "../sys/sysMessage/messageList",

ゝ一纸荒年。/ 2022年06月09日 13:46/ 0 赞/ 395 阅读

相关 jQuery_json创建表格

解析json动态生成表格 HTML结构： <table> <thead> <tr> <td

痛定思痛。/ 2022年05月21日 00:17/ 0 赞/ 297 阅读

相关 JS添加表格

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQw

墨蓝/ 2022年04月15日 01:54/ 0 赞/ 352 阅读

相关 markdown 创建表格

日常我们在写简书的时候总会有一些表格要写，我正常用的是markdown编辑器写简书。这里介绍两种方法写markdown的表格一、极简方式 name | 价格 |

小灰灰/ 2021年07月28日 15:59/ 0 赞/ 636 阅读