在js中， 通过获得div对象， 设置padding属性值， 便可以实现内边距的设置 。 下面小编举例讲解js如何改变div的内边距 。
文章插图
需要这些哦
js+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件， 定名为test.html， 用于讲解js若何改变div的内边距 。
文章插图
2在test.html文件内， 利用div标签建立一行文字， 用于测试 。
文章插图
3在test.html文件内， 设置div标签的id为mytxt， 并设置其布景颜色为灰色 。
文章插图
4在test.html文件内， 建立一个按钮， 给button按钮绑定onclick点击事务， 当按钮被点击时， 执行changePad()函数 。
文章插图
5在js标签内， 建立changePad()函数， 在函数内经由过程id获得div标签对象， 给style中的padding属性赋值， 实现内边距的设置 。
文章插图
6在浏览器打开test.html文件， 查看实现的结果 。
文章插图
总结：1【js如何改变div的内边距】1、利用div标签建立一行文字， 设置div标签的id为mytxt， 并设置其布景颜色为灰色 。 2、建立一个按钮， 给button按钮绑定onclick点击事务， 当按钮被点击时， 执行changePad()函数 。 3、在js标签内， 建立changePad()函数， 在函数内经由过程id获得div标签对象， 给style中的padding属性赋值， 实现内边距的设置 。 4、在浏览器打开test.html文件， 查看实现的结果 。
以上内容就是js如何改变div的内边距的内容啦， 希望对你有所帮助哦！
推荐阅读
- js如何改变文字的颜色
- php如何改变数字千位分隔符
- php如何设置小数点的位数
- js如何设置距离上方的间距
- js如何设置文字的对齐方式
- 支付宝收款码被换我们如何获得理赔
- 淘宝APP上如何编辑收货地址
- 爱听app如何更换皮肤
- Word：如何设置脚注的符号标记
- Word：如何删除文档中的单个脚注