nicht angemeldet
Einer Überschrift eine Farbe zuordnen?
Ich würde gerne wissen wie ich in einem bestimmten Code allen H2-Überschriften die Farbe rot zuweisen kann.
Bsp Code.
<head>
<meta http-equiv="content-type" content='text/html; charset=utf-8" />
<title> Demo </title>
<style type="text/css">
.rot { font-weight; normal; color: red; }
</style>
</head>
<body>
<h1> ...... </h1>
<h2> ...... </h2>
<p> ....... </p>
<h2> .... </h2>
<p> .... </p>
<script type="text/javascript">
for(i=0; i<document.*; i++) {
document.** = "rot";
}
</script>
</body>
</html>
weiß das vielleicht jemand? Hab etwas gegooglet und das hier gefunden
<style type="text/javascript">
tags.H2.color = "rot";
</style>
im <head> bereich einfügen
bin mir aber nicht sicher ob das überhaupt ansatzweise stimmt ;)
-
Hallo Dineria,
.rot { font-weight; normal; color: red; }
Da muss natürlich ein Doppelpunkt zwischen font-weight und normal, kein Semikolon.
Warum willst du überhaupt Javascript verwenden? Das ganze ist doch nur eine Frage von CSS. Der Ansatz mit der Klasse war schon richtig, nur musst du den h2-Tags dann natürlich auch die Klasse zuweisen. Oder du definierst generell ein Format für alle h2-Elemente.
Grüße
David--
>>Nobody will ever need more than 640k RAM!<<
1981 Bill Gates-
Hallo Dineria,
.rot { font-weight; normal; color: red; }
Da muss natürlich ein Doppelpunkt zwischen font-weight und normal, kein Semikolon.Warum willst du überhaupt Javascript verwenden? Das ganze ist doch nur eine Frage von CSS. Der Ansatz mit der Klasse war schon richtig, nur musst du den h2-Tags dann natürlich auch die Klasse zuweisen. Oder du definierst generell ein Format für alle h2-Elemente.
Grüße
Davidalso setz ich dann alle h2 tags so?
<h2 class="rot"> .... </h2>
oder wenn ich es so möchte das die H2 tags immer die Farbe rot haben mache ich es wie folgt
<head>
....
h2 { font-weight: normal;
color: red; }
</head>dann werden die h2 tags immer in rot dargestellt?
richtig verstanden
PS Möchte es gerne mit Javascript machen zum üben/lernen
-
Hi,
also setz ich dann alle h2 tags so?
<h2 class="rot"> .... </h2>
Ja, zumindest alle, die du rot haben möchtest.
oder wenn ich es so möchte das die H2 tags immer die Farbe rot haben mache ich es wie folgt
<head>
....
h2 { font-weight: normal;
color: red; }
</head>dann werden die h2 tags immer in rot dargestellt?
Zumindest die, für die du nichts anderes angegeben hast. Wenn ein h2 Tag zusätzlich die Klasse blau hat wird dieses nicht rot werden.
PS Möchte es gerne mit Javascript machen zum üben/lernen
Schöner/Benutzerfreundlicher ist es natürlich das ganze mit CSS zu lösen, aber zum lernen spricht ja nichts dagegen, es mit JS umzusetzen. Wie das geht habe ich dir ja vorhin schon gepostet.
mfG,
steckl-
Hab alles verstanden, danke dir vielmals
-
-
-
-
Hi,
Ich würde gerne wissen wie ich in einem bestimmten Code allen H2-Überschriften die Farbe rot zuweisen kann.
Willst du ihnen die Klasse rot zuweisen, oder nur die Schriftfarbe auf rot setzen?
.rot { font-weight; normal; color: red; }
^ Da sollte ein Doppelpunkt hin
weiß das vielleicht jemand?
Ja, ich ;)
Hab etwas gegooglet und das hier gefunden
<style type="text/javascript">
tags.H2.color = "rot";
</style>im <head> bereich einfügen
bin mir aber nicht sicher ob das überhaupt ansatzweise stimmt ;)
Ich habe das so noch nie gesehen.
Verwende am besten getElementsByTagName('h2') um auf alle H2-Elemente zugreifen zu können:
var alleH2Tags = document.getElementsByTagName('h2');Das ganze durchläufst du dann in einer For-Schleife:
[link:http://de.selfhtml.org/javascript/sprache/schleifen.htm#for@title=for] ( var i = 0; i < alleH2Tags.[link:http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=length@title=length];i++)In dieser Schleife weist du dann den einzelnen Elementen je nach bedarf entweder die Klasse rot zu oder setzt die Schriftfarbe auf rot:
alleH2Tags[i].className = 'rot';
oder
alleH2Tags[i].style.color = 'red';mfG,
steckl