如何在 IE 中復制內聯樣式元素？

Question

IE 不允許寫入 style 或 head 元素的 innerHTML 屬性。 那么如何將一個樣式元素從一個文檔的頭部復制到另一個？

Answer 1

function copy_style(src_style_tag) {    
    var tmp_div = document.createElement('div');
    var innerHTML = src_style_tag.innerHTML;
    tmp_div.innerHTML = '<p>x</p><style type="text/css">' + innerHTML + '</style>';

    return tmp_div.getElementsByTagName('style')[0];
}

神奇的是，您需要在tmp_div的innerHTML中使用<p>標記。 沒有它，IE 不接受樣式元素。

Answer 2

如果您想復制一些元素，請嘗試將Node.cloneNode(true)與Node.appendChild一起使用