Mit Alert() zum eigentlichen HTML-Code

Question

Gibt es eine Möglichkeit, Anzeigen Alarm() zu verwenden oder eine anderes Pop-up, dass die eigentlichen HTML-Code angezeigt werden? Zum Beispiel habe ich den Code unten:

var range = selection.getRangeAt(0); 
    var newNode = document.createElement('span'); 
    newNode.setAttribute("class", "selectedText"); 
    range.surroundContents(newNode); 

Ich möchte eine Benachrichtigung verwenden, um die HTML-Ergebnis von

range.surroundContents(newNode); 

Es sollte

etwas wie

<span class='selectedText'>'range will go in here'</span>.

Anzeige anzuzeigen, ist was ich validieren möchte. Danke!

Answer 1

Sie können die HTML auf eine Variable & Alarm zuweisen, die variable

HTML

JS

var a = document.getElementById("someId").outerHTML; 
alert(a) 

Working Example

Answer 2

können Sie jQuery des Elements text Eigenschaft festzulegen.

var htmlstring = "<span class='selectedText'>'range will go in here'</span>" 
$("div.selectedText").text(htmlstring); 
var htmlescaped = $("<div>").text(htmlstring).html(); 

, der dort blockiert mit der Zeichenfolge <span class='selectedText'>'range will go in here'</span>, die am Ende eine maskierte Version des HTML, die jede mögliche Weise gedruckt werden können, die Sie mögen.

Beachten Sie, dass diese Methode Schwierigkeiten mit Zeilenumbrüchen (\n) und einige Arten von Leerzeichen auftreten können.

Source.