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)
你能给些建议么?
非常感谢!
该<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)