1

我想在 Google Chrome 中将我的网页转换为The Matrix样式，以便在夜间模式下更好地阅读。所以，我想写一个谷歌浏览器扩展。我开始为它编写一个脚本。

客观的：

我想实现这样的目标。

在每个 HTML 页面中选择 body 标记，然后应用以下样式属性 -

background-color :black;
color : lime;

我的看法：

这是我从编程开始的，但它似乎不起作用。请指出我的错误，如果您能提出更好的建议，请这样做。

<!doctype html>
<html>
<head>
    <script type="text/javascript">
        document.getElementsByTagName('body')[0].style.color = "lime";
        document.getElementsByTagName('body')[0].style.background-color = "black";
    </script>
</head>
<body>
    <p> Hello </p>
</body>

</html>
4

1 回答 1

1

您的代码在 body 标记存在之前执行。您需要将其包装到 onload 函数中或将其放在网页的末尾。

<script type="text/javascript">
    window.onload = function() {
      document.getElementsByTagName('body')[0].style.color = "lime";
      document.getElementsByTagName('body')[0].style.backgroundColor = "black";
    }
</script>

这将使页面有机会加载，body 标签将存在，然后允许通过 JavaScript 更改样式。

于 2013-05-29T06:27:25.323 回答