1、如果使用class加的样式的话,可以使用documentgetElementById("objid")className=""来清空样式;
2、如果是直接加的style=""属性的话,可以使用documentgetElementById("box")stylecssText = ""来清空样式。
w3c标准中可以继承的css样式是不能够设置不继承的。
具体解决方案:
1、单独设置子元素样式,覆盖父元素继承下来的样式。
2、合理设置外层html元素的css样式,避免为后续元素带来重复的设置和不利因素。
3、公用可复用的组件,公用可复用的css样式
示例如下:
<div id="parent">父标签
<div id="children">
子标签
</div>
</div>$('#children')click(function(){
$(this)parent()css('color','red');
});
上面代码会在点击子标签后将父标签的文字变为红色(由于color的继承性,子标签的颜色也会改变)
解释:
click可以为元素绑定click事件,点击时会调用此函数
parent方法可以获取当前元素的父级元素
css方法可以设置指定元素的样式,设置的样式会添加的元素的style属性中
以上就是关于js删除css样式全部的内容,包括:js删除css样式、有办法去掉从父级元素继承下来的 CSS 样式吗、jquery怎么实现点击子标签里面的链接改变父标签样式等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)