Hinzufügen von Farbe zu Text aus einer Reihe von Farben

Ich möchte verschiedene Texte zu verschiedenen Farben hinzufügen. Die Liste der Farben, die ich hinzufügen möchte, ist in einem Array gespeichert. Wie verwende ich dieses Array, um meinen Texten Farben zuzuordnen? Bitte überprüfen Sie den Code, den ich geschrieben habe. Der Text "hai" soll in Cyanfarbe sein. Aber die Ausgabe ist nicht wie erwartet.Hinzufügen von Farbe zu Text aus einer Reihe von Farben

<!doctype html> 
 
<html> 
 
<body> 
 
    <script> 
 
    var colors=['blue','cyan','gold','grey','green']; 
 
    </script> 
 
    <h1 style="color:colors[1]">hai</h1> 
 
</body> 
 
</html>

Quelle

2016-08-28 Manikumar Perla

Sie sollten zuerst das gewünschte Element eine id geben dann abrufen es durch js und Stil es:

<!doctype html> 
 
<html> 
 
    <body> 
 
    <script> 
 
     window.onload = function() { 
 
     var colors = ['blue', 'cyan', 'gold', 'grey', 'green'], 
 
      h  = document.getElementById('heading1'); 
 
     h.style.color = colors[1]; 
 
     };  
 
    </script> 
 
    <h1 id="heading1">hai</h1> 
 
    </body> 
 
</html>

Quelle

2016-08-28 07:48:34 dNitro

Danke dNitro! Es funktioniert tatsächlich. Die Begriffe "document.getElementById" ('heading') und 'h.style.color = colors [1]' verwirren mich etwas. Ich bin ein Anfänger in Javascript. Kannst du diese Begriffe bitte erweitern? –

Werfen Sie einen Blick auf diesen Link: https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById, Es hat auch ein Beispiel für die Änderung der Farben. – dNitro

dNitro-Lösung funktioniert. Ich bin verwirrt, warum Sie Farben in einem Array speichern müssen. Wenn Sie verschiedenen Texten unterschiedliche Farben zuweisen möchten. Die übliche Lösung ist Design verschiedene Farbstile in CSS und verwenden Sie es in Ihrem Element. Wie der Code unter

<!doctype html> 
    <html> 
    <style media="screen"> 
     .cyan 
     { 
     color: cyan; 
     } 
     .blue 
     { 
     color: blue; 
     } 
    </style> 
    <body>  
     <h1 class="cyan">Hello, </h1> 
     <h1 class="blue">World</h1> 
    </body> 
    </html>

Quelle

2016-08-28 08:39:35 Allen4Tech

Danke Allen4Tech. Ja! Ich kenne die übliche Praxis, Farben zuzuweisen, die Sie erwähnt haben. Ich versuche nur, eine Möglichkeit zu finden, bestimmte Farben zu umkreisen und Texte davon zu produzieren. :-) –

Hinzufügen von Farbe zu Text aus einer Reihe von Farben

Antwort

Verwandte Themen