gpt4 book ai didi

javascript - 清除特定 div 及其子元素的所有页面样式

转载 作者:太空宇宙 更新时间:2023-11-04 05:16:38 26 4
gpt4 key购买 nike

我在网站上嵌入了一些 html,但被嵌入到 CSS 中的页面弄乱了。我怎样才能让它不会发生...我的内容有一个特定的 ID,它的 css 非常具体。它包含图像、div、跨度、h 标签、p 标签……所有常见的东西。 MY div 的样式表附加到头部。

有什么想法吗?

最佳答案

只要我正确理解你的问题,你就可以 recursively遍历 child elements你的 div 使用 JavaScript 并重置 classstyle属性。看这个fiddle或以下代码片段:

<html>
<head>
<style type="text/css">
.aClass {
font-size: 0.75em;
}

.anotherClass {
font-weight: bold;
color: Fuchsia;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function removeStuff(elem) {
elem.children().each(function() {
if ($(this).children().length > 0) {
$(this).removeClass();
$(this).removeAttr('style');
removeStuff($(this));
} else {
$(this).removeClass();
$(this).removeAttr('style');
}
});
}
</script>
</head>
<body>
<div id="myDiv">
<span class="aClass">This span is classy.</span>
<div style="font-size: 2em;">
This div has style.
<span class="anotherClass">Lorem Ipsum.</span>
</div>
</div>
<a href="javascript:removeStuff($('#myDiv'));">Remove classes &amp; styles</a>
</body>
</html>

关于javascript - 清除特定 div 及其子元素的所有页面样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7846052/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com