在jQuery中,可通过获取div对象,调用attr()方法将其style属性设为空值,从而清除内联样式。接下来通过实例进行具体说明。
1、 创建一个名为test.html的文件,通过实例演示如何使用jQuery移除div元素的样式属性。
2、 在test.html中,利用div标签创建一个模块,将其id设为mydiv,便于后续通过此id获取该div元素对象。
3、 为div设置样式:宽度150px,高度150px,并添加1px红色实线边框,以便清晰展示其布局效果。
4、 在div标签中通过style属性设置CSS样式,利用background指定背景颜色为黄色。
5、 在test.html中,利用button标签创建按钮,并为其绑定onclick点击事件,当用户点击按钮时,触发并执行delcss函数。
6、 在js标签中定义delcss()函数,通过getElementById获取id为mydiv的div元素,调用其setAttribute方法将style属性值设为空字符串,从而实现清除该元素的行内样式。
7、 用浏览器打开test.html,点击按钮即可查看实际效果。
8、 新建一个名为test.html的文件。
评论
更多评论