目的：

Question

我想在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>

Answer 1

您的代码在正文标记存在之前执行。您需要将其包装到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更改样式。

将页面转换为Matrix样式

目的：

我的看法：

1 个答案: