Alert（）を使用して実際のHTMLコードを表示

Question

alert（）や別のポップアップを使用して実際のHTMLコードを表示する方法はありますか？

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

私はそれは

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

のようなものが表示されるはずです

range.surroundContents(newNode); 

のHTML結果を表示するには、アラートを使用する：たとえば、私は以下のコードを持っています私が検証したいことです。ありがとう！

Answer 1

あなたは、変数&警告にHTMLを割り当てることができ、その変数

HTML

JS

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

Working Example

Answer 2

jQueryを使用して、要素のtextプロパティを設定できます。あなたが好きなように印刷することができ、あなたのhtmlのエスケープバージョンである文字列<span class='selectedText'>'range will go in here'</span>、とそこに終わるだろうブロック

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

。

この方法では、改行（\n）といくつかの種類の空白で問題が発生する可能性があることに注意してください。

Source。