Bestimmte Zeile in HTML per JavaScript ändern?

Hey,

wie ihr wahrscheinlich wisst, hat man am Anfang eines jeden HTML-Dokuments

Bild zum Beitrag

den Head-Teil. Ich möchte gerne per JavaScript die mit Rot markierte Zeile ändern. Also ich möchte die Style.css per Klick auf einen Link (<a>, darin ein <i>) ändern.

Bitte schreibt einfach das Script rein, mit welchem ich dann die Zeile ganz einfach ändern kann!

PS: Ist für Darkmode, da mir das als "einfachste" Lösung erscheint.

Grüße

4 Antworten

Dory1

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

JavaScript

01.02.2020, 21:55

Gib dem <link> Element, sowie deinem A-Element jeweils eine ID

<link id="stylesheet" ...>

<a href="#" id="switch">Darkmode</a>

Jetzt kannst du per JavaScript das href-Attribut verändern:

document.getElementById("switch").addEventListener("click", function() {
  document.getElementById("stylesheet").setAttribute("href", "darkmode.css");
});

falscherSamu

Fragesteller

25.02.2020, 23:15

Im Nachhinein, nach etwas mehr als 25 Tagen, finde ich diese Frage von mir einfach nur schwachsinnig und irreführend, aber danke für deine Antwort, hilft wahrscheinlich einigen hier!

Dory1

26.02.2020, 19:00

@falscherSamu

Was findest du denn daran schwachsinnig? Ist doch legitim...

falscherSamu

Fragesteller

27.02.2020, 18:45

@Dory1

Ja, aber ich wollte einen Darkmode verwenden - dafür gibt es viele Lösungen online, jedoch war ich zu der Zeit noch zu blöd, um das Tutorial zu verstehen...

brudermusssoos

01.02.2020, 21:40

Ich würde es hiermit versuchen. (ist einfacher für dich und für den Benutzer)

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

Viel Erfolg :)

threadi

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, Webseite

01.02.2020, 22:10

Das mag für dich als einfache Lösung erscheinen, ist aber nicht sicher umsetzbar. Meine Empfehlung wäre, dass Du in der Style-Datei bereits alle Styleangaben hinterlegst und per Klick lediglich dem body eine Klasse gibst die den Style umschaltet. So musst Du auch nicht mehrere Style-Dateien parallel bearbeiten, was ein Nachteil deiner Lösung wäre.

Woher ich das weiß:Berufserfahrung

blonhk112

01.02.2020, 21:39

Darf ich auch den Grund erfahren um es nachvollziehen zu können?

Ich verstehe die Frage nicht so. Du verlinkts eine Style CSS Datei und willst sie mit einer <a><li></li></a> ändern aber was für ein Sinn hat das?

Woher ich das weiß:Hobby – Viele YouTube Tutorials

Ähnliche Fragen

JS script richtig importieren?

Wenn ich meine JS Skripte in meinem HTML Dokument schreibe funktionieren die Super. Wenn ich diese dann aber in den Header Schreibe

 <script type="text/javascript" src="scripts/JavaScript.js"></script>

Dann geht alles was mit dem Script zutun hat nicht.

...zur Frage

JavaScript HTML Button?

Ich wollte einen Darkmode Button programmieren aber ich komme nicht zurück in den Light Mode.

...zur Frage

Wie blende ich eine HTML Zeile aus, wenn eine Zahl gleich 0 ist?

Hallo,
ich möchte gerne in einem HTML Dokument eine Zahl ausblenden lassen, wenn diese auf 0 steht. Die Zahl befindet sich in einer Zeile einer Tabelle. Im Idealfall würde ich gern nicht nur die Zahl auslbenden sondern auch die ganze Zeile (siehe Foto).
Wie lässt sich das realisieren? Ich denke wohl mit einem Javascript oder ähnlichem.
Vielen Dank im Voraus.

...zur Frage

Javascript auslagern (HTML)?

Hallo,

wenn ich mit <script> einen Javascriptcode in HTML schreibe, geht alles, wenn ich das Script auslagere also in eine .js Datei schreibe und genau den gleichen Text wie im HTML Code dort einfüge, ohne das <script> </script>, dann geht es irgendwie nicht. Ich habe die Datei im Head so verlinkt <script src="js/button.js"></script>

Wieso geht es dann nicht mehr?

...zur Frage

Javascript teilweise radizieren?

kann bitte jamnd gucken was noch fehlt, damit der html taschenrechner teilweise radizieren kann? also z.B. 8√3 rechen kann

der teil vom script der bearbeitet werden soll

...zur Frage

Per Buttonklick Inhalt ändern HTML/JAVASCRIPT?

Will, dass man zwischen 2 Inhalten über ein Buttonklick wechseln kann und habe recherchiert und rausgefunden, dass es mit funktion() geht, aber wie kann ich komplette div containers umändern? Kann man dann im Header den ganzen Code reinschreiben, oder muss man das extern auf einer anderen Seite machen? Oder geht es auch anders?

...zur Frage

java script html text verändern jede sekunde?

wie kann man mit javascript machen das in html jede sekunde oder jede zweite sekunde sich der text ändert

...zur Frage

html auslagern?

Ich bin dabei eine Internetseite zu prgrammieren.
Mein Problem ist, dass ich nicht auf jeder Seite den selben Header und so einfügen will und falls ich was ändern möchte, es nur einmal machen muss.

Ich hab schon auf mehreren seiten etwas mit PHP gefunden allerdings benutze ich html,css und js. Kann mir jemand helfen?

danke im Vorraus.

...zur Frage

Wie kann ich mit Javascript eine Zeile einer (HTML)Tabelle auslesen?

<table width="840px" height="100px" border="solid">
<tr>
<td width="270px" align="center" id="eineID">
50
</td>
<td>
<script type="text/javascript">
//auslesen der 50
</script>
</td>
</tr>
</table>

...zur Frage

Html Input in Javascript ausgeben?

Ich würde gerne einen HTML Input Text in Javascript ausgeben lassen.

Dazu habe ich bereits ein Script erstellt, in dem ich einer Variable den Wert des HTML Input gebe(Es geht um die Variable "VorName"), mit Hilfe von "document.getElementById". Allerdings will die Variable den Wert nicht annehmen/ändert ihn nicht.

Ich habe auch onclick angewendet

Warum funktioniert das nicht? ) :

Danke im voraus für Tipps und Hilfe

...zur Frage

HTML JavaScript, PAP zu script?

Hallo, meine aufgabe ist es, diesen PAP in Javascript umzuwandeln, leider verstehe ich dies nicht so richtig, ich bleibe mit den if's und else hängen, bitte um hilfe

bitte outputs in alert(" ") oder dokument.write auf keinen fall in html inputs, und inputs in prompt

...zur Frage

Tabellenbereiche ausklappen mit Javascript?

Guten Tag,

ich möchte Tabellenbereiche ausklappen. Kenne mich mit Javascript überhaupt nicht aus darum suchte ich nach einer Lösung im Internet. Ich fand folgendes:

<script type="text/javascript">
var angezeigt = false;
function versteckt()  {  if (angezeigt) { document.getElementById('ghost').style.display = 'none'; angezeigt = false; } else { document.getElementById('ghost').style.display = 'block'; angezeigt = true; } }

</script>
<table cellspacing="2" cellpadding="2" border="0"> 
<tr> 
    <td> 
     Dieser Bereich ist sichtbar (immer). 
    <br><br>Und <a href="#" onclick="versteckt()"> hier</a> blenden wir einen "versteckten" Bereich ein und aus! 
    </td> 
</tr> 
<tr> 
    <td style="display : none" id="ghost">Dieser Bereich kann ein-/ausgeblendet werden!</td> 
</tr> 
</table>

Nun gebe ich mit einer while Schleife in php mehrere Tabellenzeilen aus. Zu jeder Zeile möchte ich gern per Link eine weitere Zeile ausgeben und auch wieder schließen lassen. Mit dem hier vorliegenden ist es nicht möglich es öffnet sich nur die erste Zeile.

Da ich von Javascript nichts verstehe frage ich euch was ich hier ändern müsste?

Vielen Dank im Voraus

...zur Frage

Input required?

Wie kann ich mit Javascript ein Input required machen, denn bei Html kann man es ja ändern bei untersuchen

...zur Frage

Javascript für Zufallszahl?

Hi, ich suche mich gerade dämlich im Netz und finde nichts zum Thema. Ich suche einen ganz normalen Javascript der zum Beispiel alle 5 Minuten eine Zufallszahl generiert.

Ich besitze eine Jimdo Seite ohne FTP, PHP etc. ich kann aber Javascripts und HTML einbinden. Ich hatte mal einen Javascript Counter der gut funktioniert hat. Nun benötige ich einen Script der alle ca. 5 Minuten eine Zufallszahl generiert.

Noch eine wichtige Frage! Wie sicher ist so ein Zufallszahlen-Script dann? Kann man die Zufallszahl erraten, voraussehen oder irgendwie herausfinden oder ist der Script 100% Save?

Würde mich über Informationen oder Links etc. freuen.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen