js如何更改边框的宽度
在js中，可以通过给borderWidth属性赋值，实现边框宽度的修改。下面小编举例讲解js如何更改边框的宽度。
东西/原料
- js+html
- 代码编纂器：zend 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文件，点击按钮，查看实现的结果。
END
总结：
- 1
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文件，点击按钮，查看实现的结果。
END
- 发表于 2021-01-12 20:00
- 阅读 ( 140 )
- 分类：其他类型
