javascript动态设置table表格的cellpadding和cellspacing
分类:实例代码
本章节分享一段代码实例,它实现了动态设置table表格的cellpadding和cellspacing值。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script> function padding(){ var td=document.getElementById('myTable'); td.cellPadding="15"; } function spacing(){ var td=document.getElementById('myTable'); td.cellSpacing="15"; } window.onload=function(){ var one=document.getElementById("one"); var two=document.getElementById("two"); one.onclick=function(){padding()} two.onclick=function(){spacing()} } </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" id="one" value="设置cellpadding"/> <input type="button" id="two" value="设置cellspacing"/> </body> </html>