Wie kann ich ausgeben, um HTML als String zu screenen?

Ich habe kürzlich angefangen Java Script zu lernen. Ich möchte document.write() verwenden und HTML-Code als Zeichenfolge ausgeben, ohne den Code tatsächlich auszuführen (nur auf dem Bildschirm).Wie kann ich ausgeben, um HTML als String zu screenen?

Gibt es irgendeine Funktion, die mir dabei helfen könnte?

Hinweis: Ich versuche, es zu tun, Java Script (nicht jQuery)

Quelle

2016-05-19 Ofer Langer

Bitte lesen Sie die Antwort von ErikE zu diesem Thema im folgenden Thread: http://StackOverflow.com/Questions/6221067/Display-HTML-markup-in-Browser-without-it-sing-rendared – bartselen

nicht document.write() Verwenden Sie; Es ist die Methode des 20. Jahrhunderts, das DOM dynamisch zu erstellen. Platzieren Sie die Zeichenfolge stattdessen in dem textContent eines Elements, das Sie in dem ursprünglichen HTML erstellten.

var string = "<p>hi</p>"; 
 
document.getElementById("output").textContent = string;

<div id="output"></div>

Eine andere Möglichkeit wäre, einen Textknoten zu erstellen und an die DOM anhängen.

var string = "<p>Hi</p>"; 
 
var node = document.createTextNode(string); 
 
document.body.appendChild(node);

Quelle

2016-05-19 22:11:29 Barmar

Ich würde Sie < vorschlagen ersetzen> mit & lt; und & gt ;.

var string = '<html><p>hi</p></html>'; 
 
string = string.replace(/</g, "&lt;"); 
 
string = string.replace(/>/g, "&gt;"); 
 
document.write(string);

http://codepen.io/calvinclaus/pen/eZwGmX?editors=1010

Quelle

2016-05-19 22:09:03

Um auf @Calvin Claus 's Antwort, sollten Sie auch tauschen' hinzufügen & 'für '&' und wickeln Sie Ihre gesamte Zeichenfolge in <pre> und </pre> Tags Leerzeichen zu beseitigen. Beachten Sie jedoch, dass Sie im Allgemeinen nicht document.write() verwenden und stattdessen die textContent -Eigenschaft eines Elements im DOM ändern sollten (ein div wäre wahrscheinlich der Fall), und Sie müssen Ihr HTML-Markup nicht umgehen.

Quelle

2016-05-19 22:16:20 bartselen

Wie kann ich ausgeben, um HTML als String zu screenen?

Antwort

Verwandte Themen