nicht angemeldet
Alle <img...> Tags einer Class ändern?
0 3 
Struppi
1
Alle <img...> Tags einer Class ändern?
Hallo,
ist es möglich mit JavaScript alle <img ...> Tags einer Class zu ändern?
z.B.:
...
<style type="text/css">
img.myimg
{
border-color:red;
}
</style>
...
<body>
<img class="myimg" src="img1.gif"><br>
<img class="myimg" src="img2.gif"><br>
<img class="myimg" src="img3.gif"><br>
</body>
...
Gibt es eine Möglichkeit bei allen Bildern den Rahmen von red auf z.B. blue zu setzen?
Muß ich durch alle images des documents iterieren und bei jedem Iage dann die border-color umsetzten oder kann ich auch per JavaScript die Angabe im CSS Bereich ändern etwa so (Pseudo-Code):
document.CSS.img.myimg.border-color = "blue";
Danke für Hilfe!
-
moin BoneT :)
Muß ich durch alle images des documents iterieren und bei jedem Iage dann die border-color umsetzten oder kann ich auch per JavaScript die Angabe im CSS Bereich ändern etwa so (Pseudo-Code):
document.CSS.img.myimg.border-color = "blue";
Soweit ich weiss, wirst do wohl über alle Images interieren müssen. Hierfür kannst du eine Liste über den Tagnamen erstellen und anschliessend den Klassennamen überprüfen.
liebe Grüße aus Berlin
lina---
Self-Code: ie:% fl:( br:^ va:) ls:/ fo:| rl:( ss:) de:] js:| mo:) -
<style type="text/css">
img.myimg
{
border-color:red;
}
</style>
...
<body>
<img class="myimg" src="img1.gif"><br>
<img class="myimg" src="img2.gif"><br>
<img class="myimg" src="img3.gif"><br>
</body>
...Gibt es eine Möglichkeit bei allen Bildern den Rahmen von red auf z.B. blue zu setzen?
Ja.
Muß ich durch alle images des documents iterieren und bei jedem Iage dann die border-color umsetzten oder kann ich auch per JavaScript die Angabe im CSS Bereich ändern etwa so (Pseudo-Code):
document.CSS.img.myimg.border-color = "blue";
Theoretisch ja, allerdings nicht in allen Browsern und gleich und nicht alle Browser können das.
und zwar mit:
document.styleSheets
document.styleSheets[].rules -> Microsoft
document.styleSheets[].cssRules -> MozillaHier ein Beispiel:
http://jstruebig.de/web/javascript/lib/css.htmlStruppi.
-
moin Struppi :)
Hier ein Beispiel:
http://jstruebig.de/web/javascript/lib/css.htmlwow.. wusste ich tatsächlich nicht. Danke für diesen Hinweis.
liebe Grüße aus Berlin
lina---
Self-Code: ie:% fl:( br:^ va:) ls:/ fo:| rl:( ss:) de:] js:| mo:)
-
-
Hi,
Gibt es eine Möglichkeit bei allen Bildern den Rahmen von red auf z.B. blue zu setzen?
Sofern Du auf Opera verzichten kannst (der Schlamper kann so etwas nicht):
Coding: CSS-Regeln auslesen & ändernDas sähe dann so aus:
cssRule(".myimg","border-color","blue");
Wenn Operas auch unterstützt werden sollen, dann ...
Muß ich durch alle images des documents iterieren und bei jedem Iage dann die border-color umsetzten oder kann ich auch per JavaScript die Angabe im CSS Bereich ändern etwa so (Pseudo-Code):
... mußt Du das machen.
Z.B. alle IMGs durchgehen (document.images), den Classname überprüfen (classname) und dann den Stil direkt setzen (style.borderColor), oder eine neuen Klassennamen vergeben bzw. ergänzen (neuere Browser erlauben auch mehrere Namen gleichzeitig als Attributwert für CLASS -> classname="myimg blueborder").
Gruß, Cybaer
--
Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!