求代码,html中编写的表格,如何让其自动或者手动增加行?

求代码,html中编写的表格,如何让其自动或者手动增加行?,第1张

<html>

<head>

<title></title>

<style type="text/css">

table {

width: 100%

align: center

border: solid 1px black

}

table td {

width: 20%

text-align: center

border: solid 1px black

}

</style>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

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

$("table tr:last-child").after

("<tr><td> </td><td> </td><td> </td><td> </td><td> </td></tr>")

})

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

var value=$("table tr").length

if(value!=2){

$("table tr:last-child").remove()

}

})

})

</script>

</head>

<body>

<table id="table">

<tr>

<td colspan="5">供应商信息</td>

</tr>

<tr>

<td>序号</td>

<td>供应商</td>

<td>地址</td>

<td>联系人</td>

<td>联系电话</td>

</tr>

</table>

<input id="add" type="button" value="增加">

<input id="cut" type="button" value="减少">

</body>

</html>

注:jquery.js自已可以在网上下载,它们放在同一个目录下的。

function instTR(){  

   // 获取id为tab的table表单  

   var tab=document.getElementById_x_x_x_x('tab')  

   // 获取id为x的行号  

   // 在x的行号上加一作为插入行的行号  

   var n=document.getElementById_x_x_x_x('x').rowIndex+1  

   // tr为tab表单下行号为n的行  

   var tr=tab.insertRow(n)  

   // insertCell() 方法用于在 HTML 表的一行的指定位置插入一个空的  

   // td为插入的行的第一个td元素  

   var td=tr.insertCell(0)  

   // 像刚才所获取的td中插入一个随机数值  

   td.innerHTML='new '+Math.random()  

}

1、我们可以在Dreamweaver中,点击插入中的不换行空格,如图所示:

2、直接点击即可直接添加不换行空格,如图所示:

3、然后我们就能在这里看到不换行空格的编号,如图所示:

4、记得前面是这个符号,不要跟美元符号混了,如图所示:

5、此时我们就能在这里看到我们的当前的拼写为nbsp,如图所示:

6、但是我们注意区分他的换行的区别,简单的 *** 作,如图所示:


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

原文地址:https://54852.com/bake/11432874.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存