Fehlerhafte Maskier-Funktion für HTML-spezifische Zeichen

html.de-Forum JavaScript
1

Hallo,

ich habe mir diese kleine Funktion geschrieben:

function maskiere (s) {
    return s.replace(/</g, "<").replace(/>/g, ">").replace(/&/g, "&");    
}

Ich brauche sie, weil ich mir eine rudimentäre Javascript-Suche in die HP einbauen will, und ich zeige den Suchbegriff via

document.getElementById('blubb').innerHTML = KEYWORD;

an, und ich will durch die maskiere()-Funktion erreichen, dass kein HTML-Code eingefügt werden kann. Das Element mit der id ‚blubb‘ ist ein .

Problem: Es werden nach der maskiere()-Funktion die fraglichen Zeichen (<, >, &) nicht dargestellt, sondern ihre Entsprechungen < > & Warum?

Ich wollte ja erreichen, dass diese trotzdem angezeigt werden, nur durch die Maskierung mit < etc. nicht als HTML-Tags ausgewertet werden.

Gruß
Jens

2

Wenn es jemanden interessiert, hier der Fehler: Die Replace-Funktion der Ampersands (&) muss ZUERST ausgeführt werden, sonst werden auch die &s in den < etc. umgewandelt. Hier der korrekte Code:

function maskiere (s) {
    return s.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">")
}

Gruß
Jens

3

Wenn du document.getElementById(‚blubb‘).firstChild.nodeValue = „“; benutzt hättest du so eine Funktion gar nicht gebraucht.

4

?! Ich will doch, dass gerade kein HTML möglich ist? Oder hab ich dich da jetzt falsch verstanden?

5

Es gibt deshalb keine Maskierfunktion in JavaScript, weil man keine braucht. HTML-Elemente erzeugt man mit DOM-Methoden, Text bleibt dabei Text. Bei innerHTML wird der Text vorher geparsed und ist somit eine Ausnahme.

6

Gut, dass man in Javascript keine braucht. Warum auch? :wink:

Beispiel: Ich hab ein Textfeld, da gibt jemand einen böswilligen Suchbegriff ein, der HTML-Tags enthält. Ich als Gutgläubiger Homepage-Inhaber sage irgendwo ganz naiv: meineDiv.innerHTML = "Suchbegriff: <u>" + keyword + "</u>"; und ZACK steht da der HHTML Code auf meiner Seite, und upps, das wollte ich jar gar nicht.

Da braucht man also keine Maskier-Funktion?

7

Bei innerHTML schon, das sagte ich aber und geredet habe ich von DOM-Methoden zur Manipulation von XML/HTML-Dokumenten. Wenn man kein HTML mit innerHTML einfügen will, hat es auch keinen Zweck innerHTML zu benutzen.

8

Gut wäre gewesen die richtige Funktion dafür zu nennen :slight_smile:
innerText
Du must mal nach den Eigenschaften von Elementen suchen, wenn du was machen willst.
Document.all deckt die meisten nicht spezifischen Eigenschaften ab :slight_smile:
SELFHTML: JavaScript / Objektreferenz / all

9

Hat er schon http://www.html.de/javascript-ajax-und-dhtml/31951-fehlerhafte-maskier-funktion-fuer-html-spezifische-zeichen.html#post239848

10

document.all sollte man nicht verwenden. Zwar können es alle Browser, aber es ist nicht standardisiert. Das selbe gilt somit für innerText.

11

@crash: Dann habe ich dich missverstanden weiter oben, nichts für Ungut.

@all: Ja, innerText wäre eine Alternative, ist aber so wie ich weiß nicht gerade überall supported. Das innerHTML hingegen läuft fast überall, aber auch nicht soo hundert prozentig perfekt… Habe jetzt nach googlen eine "Misch"lösung zwischen DOM und innerHTML gefunden, die gut funktioniert (innerHTML alleine ist bei mir eine Variable):

    // erzeuge <div>[results]</div>
    var resultsDiv = document.createElement("div");
    resultsDiv.innerHTML = innerHTML;
    container.appendChild(resultsDiv);
12

Ich weiß nicht was gegen meine Variante spricht, wie oben bereits erwähnt.

[HTML]var resultsDiv = document.createElement(„div“);
resultsDiv.appendChild(
document.createTextNode(‚foo ‘)
);
container.appendChild(resultsDiv);[/HTML]

13

Na weil dann die HTML-Steuerzeichen irgendwie nicht ausgewertet werden, weil du ja einen TEXT-node erstellst, so wie ich das sehe.

14

Genau das wolltest du doch von Anfang an.

…und ich will durch die maskiere()-Funktion erreichen, dass kein HTML-Code eingefügt werden kann.

15

Du hast Recht, das wollte ich. Ich habe mir die Suchergebnisse allerdings inzwischen auch mit DOM-Methoden ausgeben lassen, und die Suchergebnisse schreibe ich in eine Tabelle, und da brauche ich logischerweise HTML, daher die Verwirrung :wink: