HTML nur Überschriften zeigen
bearbeitet vonDanke, das Symbol hatte sich ganz unauffällig eingeschlichen. Klick darauf funktioniert.
Habe gerade eine Idee innerhalb eines HTML Dokuments umgesetzt. Sehr unkonventionell, aber funktioniert. Ich blende ein style Angaben ein und aus.
~~~js
function toggleInhalt() {
if ( document.getElementById("inhalt").innerHTML == "" ) {
document.getElementById("inhalt").innerHTML = `
<style>
.main * {
display:none;
}
h1, h2, h3, h4, h5, h6 {
display: block ! important;
text-align: left ! important;
}
</style>
`;
} else {
document.getElementById("inhalt").innerHTML = '';
}
}
~~~
~~~html
<div id="inhalt"></div>
<center><button onclick="toggleInhalt()">Inhalt</button></center>
<div class=main>
<h1>Überschrift h1</h1>
<br>
<p>Text Text Text Text Text </p>
<br>
<h3>Überschrift h3</h3>
~~~