javascript - iframe正在添加标签，需要删除它们

Question

我试图获取 iframe 的内容(转换为简单的富文本编辑器)，然后使用 jquery 修改这些内容，但我遇到了问题，因为在 IE 和 FF 中，当我获取内容时，它会添加一个额外的内容带样式的 span 标签和 div 标签。如何删除这些标签/样式。

这就是我获取内容的方式...

var frame = window.frames['richTextField'].document.body.innerHTML; /////Gets contents of iframe
$("#songRes").html(frame); /////Places info into proper div

我试图找出第一个字符是否是“{”，如果是，则执行某些操作

var frame = window.frames['richTextField'].document.body.innerHTML; /////Gets contents of iframe
  adj = frame.replace(/<div>/gi,"<br \/>").replace(/<\/div>/gi,""); /////String replaces contents of frame
  $("#songRes").html(adj+'<hr />'); /////Places info into proper div
  var array = adj.split("<br />"); /////Splits each line into array values
  var array = frame.split("<br />");
  for(var i = 0; i < array.length; i++){
    var str = array[i];
    if(str.charAt( 0 ) != '{'){/**/}else{/**/} // 
  }

但问题是，它显示我没有添加的跨度标记中的起始字符为“<”。

Answer 1

我不知道为什么 .innerText 不起作用(可能是因为您使用的是 Firefox)。无论如何，这是另一个建议:

function strip(html)
{
   var tmp = document.createElement("DIV");
   tmp.innerHTML = html;
   return tmp.textContent||tmp.innerText;
}

这是对此的公认答案 Strip HTML from Text JavaScript问题。