js如何更改边框的宽度

2022-06-17 小知识

在js中，可以通过给borderWidth属性赋值，实现边框宽度的修改。下面小编举例讲解js如何更改边框的宽度。

文章插图

需要这些哦
js+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件，定名为test.html，用于讲解js若何更改边框的宽度。

文章插图

2在test.html文件内，利用div建立一个模块，并设置其id为meight 。

文章插图

3在css标签内，经由过程id界说div的样式，设置它的宽度为200px，高度为150px，边框为1px宽度的边框。

文章插图

4在test.html文件内，建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行changeW()函数。

文章插图

5在js标签内，建立一个changeW()函数，在函数内，经由过程id获得div对象，经由过程borderWidth属性实现边框宽度的点窜。例如，这里点窜边框宽度为10px 。

文章插图

6在浏览器打开test.html文件，点击按钮，查看实现的结果。

文章插图

总结：1【js如何更改边框的宽度】1、利用div建立一个模块，并设置其id为meight 。 2、在css标签内，经由过程id界说div的样式，设置它的宽度为200px，高度为150px，边框为1px宽度的边框。 3、建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行changeW()函数。 4、在js标签内，建立一个changeW()函数，在函数内，经由过程id获得div对象，经由过程borderWidth属性实现边框宽度的点窜。例如，这里点窜边框宽度为10px 。 5、在浏览器打开test.html文件，点击按钮，查看实现的结果。

以上内容就是js如何更改边框的宽度的内容啦，希望对你有所帮助哦！

推荐阅读

上一篇：php如何随机输出6位英文验证码

下一篇：php如何从数组随机取出几个元素