Gunnar Bittersmann: list-style-image abhängig von Link?!?

Beitrag lesen

Hello out there!

Du könntest nach dem Laden einer Seite alle Links durchgehen und die Endung abfragen und übers DOM die entsprechenden Icons einfügen.
Wie würde ein entsprechendes Script denn ansatzweise aussehen?

So wie ich das ansatzweise angedeutet hatte.

Du erstellst eine Collection aller Links (http://de.selfhtml.org/javascript/objekte/document.htm#get_elements_by_tag_name@title=getElementsByTagName()). In einer Schleife gehst du alle Links durch und liest jeweils deren href-Attribut (http://de.selfhtml.org/javascript/objekte/node.htm#get_attribute@title=getAttribute()). Von dessem Wert extrahierst du den Teil nach dem letzten '.'; abhängig davon (http://de.selfhtml.org/javascript/sprache/bedingt.htm#switch@title=switch) gibst du dem a-Element die entsprechende Klasse (http://de.selfhtml.org/javascript/objekte/node.htm#set_attribute@title=setAttribute()).

<a href="Lizenz.txt" target="_blank" class="txt">Lizenzinformationen</a>

Weg mit dem target-Attribut! Der Nutzer möchte selbst entscheiden, ob er ein neues Fenster/einen neuen Tab möchte oder nicht!

See ya up the road,
Gunnar

--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)