[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: 209

19. Dez 2018, 17:26
Beitrag # 1 von 3
Bewertung:
(2618 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: 1387

19. Dez 2018, 21:30
Beitrag # 2 von 3
Beitrag ID: #568132
Bewertung:
(2605 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: 209

20. Dez 2018, 08:35
Beitrag # 3 von 3
Beitrag ID: #568136
Bewertung:
(2587 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

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
02.11.2020 - 03.11.2020

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Montag, 02. Nov. 2020, 08.30 Uhr - Dienstag, 03. Nov. 2020, 17.00 Uhr

Kurs

Dieser Basic-Kurs ist der perfekte Einstieg in die Welt von InDesign, dem vielseitigen Layout-Programm. Sie lernen, wie InDesign aufgebaut ist, wie saubere Dokumente erstellt werden und wie man korrekt mit gelieferten InDesign-Projekten umgeht.

Preis: CHF 1'400.-
Dauer: 2 Tage

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/desktop-publishing/adobe-indesign-cc/kurs-indesign-cc-basic

Veranstaltungen
05.11.2020

Augmented Reality hat sich in den letzten Jahren rasant zu einer nachgefragten Technologie entwickelt.

Sitzungszimmer VSD in Bern - oder Online via ZOOM
Donnerstag, 05. Nov. 2020, 08.30 - 17.00 Uhr

Seminar

Print bietet ein haptisches Erlebnis und besticht noch immer durch seinen guten Ruf als Image-Träger. Und: Print kann mittels neuen Technologien wie Augmented Reality auch zum Türöffner in die digitale Welt werden, verschiedene Medien geschickt miteinander vernetzen und so ganz neue Perspektiven schaffen! Grundlagen und technologische Trends. Dieses Wissen ermöglicht Ihnen, spezielle Angebote und passende Produkte zu erschaffen für Ihre Kunden. Verpassen Sie nicht den Anschluss, investieren Sie ein wenig Zeit an diesem Tages-Seminar vom Donnerstag, 5. November 2020.

Aktuell planen wir dieses Seminar vor Ort - je nach Stand der Pandemie bieten wir dieses Seminar als ZOOM-Meeting Online an.

Ja

Organisator: publishingNETWORK und VSD

Kontaktinformation: René Theiler, E-Mailrene.theiler AT vsd DOT ch

https://www.vsd.ch/2020/10/01/seminar-augmented-reality-print-als-tueroeffner-in-die-digitale-welt/

Augmented Reality – Print als Türöffner in die digitale Welt

Neuste Foreneinträge


cPanel Datenbank Eintrag nicht möglich

Ich mochte E-Mail mit PHP senden

Formular / leere Options ausblenden

Farbeinstellungen zeigen falschen Einstellungsnamen

Bedingter Text

Hilfe: Text bei Absturz verschwunden, Endnoten noch da

Pages: geteilte Fußnoten

Alternativen zu Acrobat

Shortcut funktioniert nicht mehr

HDS eMail-Benachrichtigungen ???
medienjobs