gpt4 book ai didi

javascript - 一个 "unstyle"如何成为一个 div html 元素?

转载 作者:搜寻专家 更新时间:2023-10-31 22:10:02 24 4
gpt4 key购买 nike

是否有一种简单的方法可以通过 CSS 或 javascript 或任何真正采用 div 并使其不继承任何样式的方法?

我正在创建一个向网站添加页眉的小书签。它按如下方式修改 DOM:

var bodycontent = document.body.innerHTML;
document.body.innerHTML = '';

var header = document.createElement('div');
var bodycontainer = document.createElement('div');
header.setAttribute('id', 'newdiv-header');
bodycontainer.setAttribute('id','newdiv-bodycontainer');

header.innerHTML = "MY STUFF";
bodycontainer.innerHTML = bodycontent;

document.body.appendChild(header);
document.body.appendChild(bodycontainer);

如此有效,我们最终得到的是:

<html>
<head> ...original head stuff... </head>
<body>
<div id="newdiv-header"> MY CONTENT </div>
<div id="newdiv-bodycontainer"> ...original content of document.body.innerHTML... </div>
</body>
</html>

所有样式都适本地使一切都可见,等等。问题是原始页面的样式表影响了我的页眉的外观。我会使用框架和/或 iframe,但这会在实现 framebusting 的网站上中断。

非常感谢您的任何想法!

最佳答案

我唯一的想法是将每个相关的 CSS 属性设置为默认值(或任何您需要的)。我认为没有办法阻止样式应用于单个 div。

关于javascript - 一个 "unstyle"如何成为一个 div html 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1195754/

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