[GastForen Programmierung/Entwicklung JavaScript Einzelne Zeichen Farbe zuweisen in HTML-Dokument

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Einzelne Zeichen Farbe zuweisen in HTML-Dokument

uswd
Beiträge gesamt: 197

19. Dez 2018, 17:26
Beitrag # 1 von 3
Bewertung:
(1955 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe ein HTML-Dokument, welches mehrere Absätze enthält, in denen bestimmte Zeichen eine andere Farbe zugewiesen werden sollen. Da dies relativ viele sind, würde ich gern vermeiden, diese von Hand in ein
Code
<span class="gf"></span> 

Paar zu packen. CSS ist passend definiert.

Ich habe es im Head damit versucht:
Code
window.onload = function() { 
obj = document.getElementsById('dia').getElementsByTagName('p');
obj.innerHTML = obj.innerHTML.replace(/[\+ztsvwm]/g,'<span
class="gf">$1</span>');
}

HTML könnte z. B. so aussehen:
Code
<body> 
<div>
<p id="dia"> XIIIIIIIIY<br>
9rsnlwq-trk+0<br>
9zpp+-zppvlp0<br>
9-+-zp-snp+0<br>
9+-zp-+-+-0<br>
9-+PzPP+-+0<br>
9+-sN-vLP+-0<br>
9PzP-+-+PzP0<br>
9tR-+QmKLsNR0<br>
xiiiiiiiiy </p>
</div>
</body>


Alle Zeichen der Menge [\+ztsvwm] sollen eingefärbt werden. Das klappt aber mit meinem Anfänger-Code leider nicht.

Kann mir jemand auf die Sprünge helfen?

Danke im Voraus.

Ulrich
X

Einzelne Zeichen Farbe zuweisen in HTML-Dokument

olaflist
Beiträge gesamt: 1366

19. Dez 2018, 21:30
Beitrag # 2 von 3
Beitrag ID: #568132
Bewertung:
(1942 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
getElementsByTagName gibt Dir ein array zurück, oder? Ein array hat aber kein innerHTML. Mit

Code
obj = document.getElementsById('dia').getElementsByTagName('p')[0]; 


müsstest Du weiter kommen... (in der Annahme, es ist immer das erste und einzige <p>).

Olaf
--
Olaf Druemmer | Geschäftsführer
callas software gmbh | www.callassoftware.com
axaio software GmbH | www.axaio.com


als Antwort auf: [#568128]

Einzelne Zeichen Farbe zuweisen in HTML-Dokument

uswd
Beiträge gesamt: 197

20. Dez 2018, 08:35
Beitrag # 3 von 3
Beitrag ID: #568136
Bewertung:
(1924 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hab ich probiert, zeigt aber keine "Wirkung". Und es sollte alle Absätze des HTML-Dokuments erfassen, die die "id='dia'" besitzen.
Na ja, wenn ich's nicht hinbekomme, muss ich halt die "häßliche" Lösung mittels Suchen-und-Ersetzen nehmen. Die macht dann das HTML sehr unleserlich mit den vielen <span></span>-Konstrukten.
Danke jedenfalls für die Hilfe.

Ulrich


als Antwort auf: [#568132]

Aktuell

PDF / Print
The Great (Online) PDF Show-300x300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
21.10.2019 - 22.10.2019

München
Montag, 21. Okt. 2019, 09.30 Uhr - Dienstag, 22. Okt. 2019, 17.30 Uhr

Schulung, Seminar

Wer hochwertige und farbechte Ergebnisse im Digitaldruck erzielen will, der braucht umfassende Colormanagemement- und PDF-Kenntnisse. Selbst wenn die Maschine kalibriert und das Rip richtig konfiguriert ist, lassen die Ergebnisse oft zu wünschen übrig. Der Grund hierfür liegt zu 90 % in den Daten und in falsch eingestellten Anwendungsprogrammen, auch in falschen Einstellungen im Druckmenü.

Nein

Organisator: Cleverprinting.de

https://www.cleverprinting.de/zweitaegige-weiterbildung-zum-digitaldruck-operator/

Zweitägige Weiterbildung zum Digitaldruck-Operator
Veranstaltungen
21.10.2019 - 23.10.2019

Riga, die Hauptstadt Lettlands
Montag, 21. Okt. 2019, 09.32 Uhr - Mittwoch, 23. Okt. 2019, 09.33 Uhr

VIP-Event

Jedes Jahr haben Sie die Möglichkeit, beim VIP-Event mehr über die Produkte von axaio software, callas software und andere Lösungen zu erfahren, die Four Pees anbietet.

Diejenigen, die uns bereits kennen, wissen, dass wir gerne Business mit Genuss kombinieren. Wir sind schon sehr gespannt und wollen Ihnen deshalb gern einen Blick hinter die Kulissen gewähren ...

Die Stadt der gotischen Türme
Das diesjährige Ziel ist Riga, die Hauptstadt Lettlands. Die gotischen Türme, die das Stadtbild Rigas dominieren, haben den Anschein von Strenge, aber das trifft nicht zu. Diese pulsierende, kosmopolitische Stadt ist die größte der drei baltischen Hauptstädte und beherbergt einige Szenebars und experimentelle Restaurants. Das klingt doch nach einem perfekten Rahmen für unser nächstes VIP-Event, oder?

Nein

Organisator: callas

https://www.callassoftware.com/de/events/2019/10/vip-event-riga

Sind Sie für das nächste VIP-Event bereit?
Hier Klicken