如何在 IE 中复制内联样式元素？

Question

IE does not allow writing to the innerHTML property of style or head elements. So how do you copy a style element from the head of one document to another?

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];
}

The magic is that you need the <p> tag in the innerHTML of the tmp_div . Without it, IE does not accept the style element.

Answer 2

如果您想复制一些元素，请尝试将Node.cloneNode(true)与Node.appendChild一起使用