Question

我在整个HTML文档中动态更改背景有问题。这是一段代码：

function changeHTMLBackground() {

  var html = document.getElementsByTagName('html')[0];
  html.style.background = "#ff00ff";    
}

问题仅出现在IE9中。在Chrome，FF，Opera中运行良好。我知道有一个解决方案可以改变“body”而不是“html”，但它不是我的解决方案，我需要改变HTML标签的样式。

Answer 1

我不确定问题是什么，但这里有一些可能的解决方案。 1）也许选择器不工作。尝试使用

document.html.style.backgroundColor = "#977689";

2）也许IE9无论如何都有html bg颜色的问题。 CSS代码有效吗？

3）尝试在html标记中添加一个类和id，并选择带有该元素的元素。

Answer 2

使用backgroundColor属性并将其应用于文档正文：

function changeHTMLBackground() {
    document.body.style.backgroundColor = "#ff00ff";
}

Fiddle - 适用于所有浏览器，包括IE9

Answer 3

像这样：

<script type="text/javascript">
  $('document').ready(function(){
    $("#textfield").focus(function () {
      $('.class').css(' background-color','#ff00ff');
    });
  });
</script>

Answer 4

非常确定IE不支持将CSS应用于html标签本身，我也不确定该标准是否符合预期。作为一项微不足道的测试，请尝试：

<!doctype html><html style="background: green"><body>Testing</body></html>

如何在Javascript - IE9问题中更改HTML背景颜色

4 个答案: