gpt4 book ai didi

javascript - 将页面转换为矩阵样式

转载 作者:行者123 更新时间:2023-11-28 18:21:03 24 4
gpt4 key购买 nike

我想在 Google Chrome 中将我的网页转换为 The Matrix 风格,以便在夜间模式下更好地阅读。因此,我想到了编写一个 Google Chrome 扩展程序。我开始编写相同的脚本。

目标:

我想实现这样的目标。

在每个 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>

最佳答案

您的代码在 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 更改样式。

关于javascript - 将页面转换为矩阵样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16806871/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com