mg4377娱乐娱城官网_mg4377娱乐手机版_www.mg4377.com

当前位置: mg4377娱乐娱城官网 > www.mg4377.com > 正文

JS动态改造表格边框宽度的不二诀窍,JS动态增加

时间:2019-07-20 05:36来源:www.mg4377.com
JS动态改造表格边框宽度的不二诀窍,JS动态增加和删除表格行的不二诀窍。本文实例陈诉了JS动态改换表格边框宽度的点子。分享给大家供我们参照他事他说加以考察。具体如下: JS动

JS动态改造表格边框宽度的不二诀窍,JS动态增加和删除表格行的不二诀窍。本文实例陈诉了JS动态改换表格边框宽度的点子。分享给大家供我们参照他事他说加以考察。具体如下:

JS动态退换表格边框宽度的艺术,js动态表格边框宽度

正文实例呈报了JS动态改动表格边框宽度的法子。分享给我们供我们参照他事他说加以考察。具体如下:

下边包车型地铁JS代码通过表格对象的border属性修改表格边框宽度

<!DOCTYPE html>
<html>
<head>
<script>
function changeBorder()
{
document.getElementById('myTable').border="10";
}
</script>
</head>
<body>
<table border="1" id="myTable">
<tr>
<td>100</td>
<td>200</td>
</tr>
<tr>
<td>300</td>
<td>400</td>
</tr>
</table>
<br>
<input type="button" onclick="changeBorder()"
value="Change Border">
</body>
</html>

但愿本文所述对大家的javascript程序设计有着辅助。

本文实例呈报了JS动态改动表格边框宽度的办法。共享给大家供大家参谋。具体如下:...

本文实例陈诉了JS动态增加和删除表格行的措施。分享给大家供大家参照他事他说加以考察,具体如下:

上边包车型客车JS代码通过表格对象的border属性修改表格边框宽度

function insertRow(tableName,className,bgcolor, cellContentArray){
 var t = document.getElementByIdx(tableName); //取得table表
 var tr = t.insertRow();  //插入一行
 tr.className=className;  //设置行的css
 tr.bgcolor=bgcolor;   //设置行的背景颜色
 for( var i=0;i<cellContentArray.length;i  ){
 var td = tr.insertCell(); //插入一列
 td.innerHTML=cellContentArray[i]; //设置列内容
 }
}
function deleteRow(tableName,btn){
 var t = document.getElementByIdx(tableName); //取得table表
 var tr = btn.parentNode.parentNode; //取得对应的行
 t.deleteRow(tr.rowIndex);
}

编辑:www.mg4377.com 本文来源:JS动态改造表格边框宽度的不二诀窍,JS动态增加

关键词: