如何獲得一個div

Question

上午在文本編輯器的工作範圍內粗體，斜體風格，其中的內容可以在一些用戶點擊以下

<div>some text <strong>bold text</strong> more <em>italic</em></div> 

現在的形式，我不得不刪除粗體和斜體從div的造型。

如何從div刪除strong和em標籤？

感謝

卡皮爾

Answer 1

HTML

<div id="foo"> 
<div>some text <strong>bold text</strong> more <em>italic</em></div> 
</div> 

JS

var t = document.getElementById('foo').innerHTML; 
t = t.replace('<strong>', ''); 
t = t.replace('</strong>', ''); 
t = t.replace('<em>', ''); 
t = t.replace('</em>', ''); 
document.getElementById('foo').innerHTML = t; 

Answer 2

我不知道，如果你想的jQuery，但它處理這樣的事情很好：

// To remove styles from clicked element. 

$('#editor *').click(function() { 
    $(this).replaceWith($(this).text()); 
}); 

Answer 3

var element = document.getElementById('whatever'); 

element.innerHTML = element.innerHTML.replace(/<(strong|em)>(.*?)<\/\1>/g, '$1'); 

jsFiddle。

請記住，此div的任何子女的任何活動都將丟失。

Answer 4

請勿對此使用正則表達式或其他類型的文本替換。 DOM是一棵樹。對待它，不要害怕它。這是處理這種事情的最安全和最不殘忍的方式。

function removeElements(container) { 
    var elements = container.getElementsByTagName("*"); 

    // Make an array of the strongs and ems 
    var strongsAndEms = []; 
    for (var i = 0, len = elements.length; i < len; ++i) { 
     if (/^(strong|em)$/i.test(elements[i].tagName)) { 
      strongsAndEms.push(elements[i]); 
     } 
    } 

    // Remove the strongs and ems 
    for (var j = 0, el, child; el = strongsAndEms[j++];) { 
     while ((child = el.firstChild)) { 
      el.parentNode.insertBefore(child, el); 
     } 
     el.parentNode.removeChild(el); 
    } 
} 

var div = document.getElementById("foo"); 
removeElements(div);