Question

有没有办法使用alert（）或其他弹出窗口显示实际的HTML代码？例如，我有以下代码：

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

我想使用警报来显示

的HTML结果

range.surroundContents(newNode);

它应该显示类似

的内容

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

这就是我要验证的内容。谢谢！

Answer 1

您可以将html指定给变量＆amp;提醒那个变量

<强> HTML

<span class='selectedText' id ="someId">range will go in here</span>

<强> JS

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

Working Example

Answer 2

您可以使用jQuery设置元素的text属性。

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

该块会以字符串<span class='selectedText'>'range will go in here'</span>结束，这是您的html的转义版本，可以按照您喜欢的方式打印。

请注意，此方法可能会遇到换行符（\n）和某些类型的空格的问题。

Source

使用Alert（）显示实际的HTML代码

2 个答案: