新的<style>元素在IE中不起作用

Kri*_*rgh 0 html javascript css jquery stylesheet

我目前有一个灰色的BODY背景的HTML页面.现在我想覆盖它并使用Javascript将其更改为白色.我还想改变一些其他元素的填充和边距.我尝试使用innerHTML属性来完成此任务.

事情是一切正常,除了新引入的元素,它不适用于IE7或IE8.但它确实可以在FireFox中运行.

        <script>
        // if using jQuery
        $(document).ready(function() { 
        document.body.innerHTML = '
    <style type="text/css"> 
      body { 
        background-color: #FFFFFF 
        !important; } 
        #todayBirthdays, #weekendBirthdays, #noBirthdays, #todayJubileums, #weekendJubileums { 
padding: 0 !important; 
        margin: 0 !important; 
        }
    </style>
            <div style="text-align: left; background-color: #FFFFFF">' + 
        document.getElementById('WebPartctl00_SPWebPartManager1_g_7118b319_c5b0_4214_a46d_27131866cde3').innerHTML + 
        '</div>';`
                 });
            </script>
Run Code Online (Sandbox Code Playgroud)

你能给些建议么?

非常感谢!

Mic*_*ski 5

<style>标签是唯一的内有效<head>,虽然有些浏览器可能会尊重它在其他地方.如果要使用脚本更改正文背景或其他属性,请.css()在jQuery中使用适当的方法.

$(document).ready(function() { 
    $("body")css("backgroundColor", "#FFFFFF");
    $("#todayBirthdays,#weekendBirthdays,#noBirthdays,#todayJubileums,#weekendJubileums").css("margin", "0");
});
Run Code Online (Sandbox Code Playgroud)