JS动态改变表格边框宽度的方法
2015-03-31 11:28
746 查看
下面的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脚本 兼容ie/firefox
- 实现可动态改变宽度的表格简单方法
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 实现可动态改变宽度的表格简单方法
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 转:javascript 动态改变表格列的宽度!
- 用JS动态改变表单form里的action值属性的方法
- js用克隆(clone)的方法动态添加表格行
- js动态修改表格行colspan列跨度的方法
- 动态表格设置td宽度的两种方法【原创】
- JS使用oumousemove和oumouseout动态改变图片显示的方法
- JS实现为表格动态添加标题的方法
- 可拖动拉伸的左右分栏效果，本例子是用Table以及JS来实现的，左右分栏可改变，拖动中间的边框就可实现宽度的调整，点击时可设置为隐藏左侧列表。
- js生成动态表格并为每个单元格添加单击事件的方法
- 用JS动态改变表单form里的action值属性的方法
- 动态改变select option时，宽度自动变短解决方法
- JS实现向表格中动态添加行的方法
- 用CSS改变表格边框样式，很实用的一种方法。[转]