js删除css样式

js删除css样式,第1张

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怎么实现点击子标签里面的链接改变父标签样式等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9659360.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存