Gibt es eine einfache Möglichkeit über CSS oder Javascript oder irgendetwas wirklich zu nehmen ein div und machen es nicht erben alle Stile?
Ich erstelle ein Bookmarklet, das eine Kopfzeile zu einer Website hinzufügt. Es modifiziert das DOM wie folgt:
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);Im Endeffekt haben wir also folgendes Ergebnis:
<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>alles angemessen gestaltet, so dass alles sichtbar ist, usw. Das Problem ist, dass das Stylesheet der Originalseite das Aussehen meiner Kopfzeile beeinträchtigt. Ich würde Frames und/oder Iframes verwenden, aber das funktioniert nicht auf Websites, die Framebusting einsetzen.
Vielen Dank für alle Ideen!
