1

夜間モードで読みやすくするために、Web ページを Google Chromeのマトリックススタイルに変換したいと考えていました。そこで、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>
4

1 に答える 1

1

body タグが存在する前にコードが実行されています。これを onload 関数にラップするか、Web ページの最後に配置する必要があります。

<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 に答える