脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS动态改变表格边框宽度

JS动态改变表格边框宽度的方法

 更新时间：2015年03月31日 11:28:51   作者：欧阳不疯  
这篇文章主要介绍了JS动态改变表格边框宽度的方法,实例分析了javascript操作table表格中border属性的技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 使用 JavaScript 创建并下载文件(模拟点击)

    使用 JavaScript 创建并下载文件(模拟点击)

    本文将介绍如何使用 JavaScript 创建文件，并自动/手动将文件下载，这在导出原始数据时会比较方便
    2019-10-10
  • 深入学习JavaScript执行上下文

    深入学习JavaScript执行上下文

    这篇文章主要介绍了深入学习JavaScript执行上下文,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下，希望对你的学习有所帮助
    2022-08-08
  • JavaScript文本特效实例小结【3个示例】

    JavaScript文本特效实例小结【3个示例】

    这篇文章主要介绍了JavaScript文本特效,结合3个实例分析了javascript基于定时器的文字动态操作特效相关实现技巧,需要的朋友可以参考下
    2018-12-12
  • Bootstrap实现的标签页内容切换显示效果示例

    Bootstrap实现的标签页内容切换显示效果示例

    这篇文章主要介绍了Bootstrap实现的标签页内容切换显示效果,结合完整实例形式分析了基于Bootstrap实现的标签页内容切换显示功能相关操作技巧,非常简单实用,需要的朋友可以参考下
    2017-05-05
  • JS中的6种打断点的方式实例总结

    JS中的6种打断点的方式实例总结

    断点调试是啥?难不难? 断点调试其实并不是多么复杂的一件事,简单的理解无外呼就是打开浏览器,打开sources找到js文件,在行号上点一下罢了,下面这篇文章主要给大家介绍了关于JS中6种打断点方式的相关资料,需要的朋友可以参考下
    2022-04-04
  • layui form表单提交后实现自动刷新

    layui form表单提交后实现自动刷新

    今天小编就为大家分享一篇layui form表单提交后实现自动刷新，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • from表单多个按钮提交用onclick跳转不同action

    from表单多个按钮提交用onclick跳转不同action

    这篇文章主要介绍了from表单多个按钮提交用onclick跳转不同action,需要的朋友可以参考下
    2014-04-04
  • JavaScript变量提升和严格模式实例分析

    JavaScript变量提升和严格模式实例分析

    这篇文章主要介绍了JavaScript变量提升和严格模式,结合实例形式分析了javascript变量提升和严格模式的原理及相关操作注意事项,需要的朋友可以参考下
    2019-01-01
  • 基于ajax与msmq技术的消息推送功能实现代码

    基于ajax与msmq技术的消息推送功能实现代码

    这篇文章主要介绍了基于ajax与msmq技术的消息推送功能实现代码，具有一定的参考价值，有兴趣的可以了解一下。
    2016-12-12
  • ES6的函数rest参数使用小结

    ES6的函数rest参数使用小结

    这篇文章主要介绍了ES6的函数rest参数用法,通过一个rest参数代替arguments变量的例子,对ES6 rest参数用法讲解的非常详细,需要的朋友可以参考下
    2023-08-08

最新评论