0

テーブルの背景に色が変わるプロパティを付けようとしています。

var bakgrunnFarge=new Array("#CCFFCC", "#FFCCCC")
document.getElementById("change_color").style.background=bakgrunnFarge[Math.floor(Math.random()*bakgrunnFarge.length)]

<table class="change_color" name="change_color" id="change_color">

しかし、私はそれを機能させることができません。どんな助けでも大歓迎です。事前に、ありがとう

4

2 に答える 2

2

要素 (テーブル) の下に JavaScript を配置する必要があります。

<html>
<head>
    <title>Random background-color</title>
</head>
<body>
    <table class="change_color" name="change_color" id="change_color">
        <tr>
            <td>lorem</td>
            <td>lorem</td>
            <td>lorem</td>
            <td>lorem</td>
        </tr>
        <tr>
            <td>lorem</td>
            <td>lorem</td>
            <td>lorem</td>
            <td>lorem</td>
        </tr>
    </table>

</body>
<script type="text/javascript">
    var bakgrunnFarge=new Array("#CCFFCC", "#FFCCCC");
    window.document.getElementById("change_color").style.background=bakgrunnFarge[Math.floor(Math.random()*bakgrunnFarge.length)]
</script>
</html>
于 2013-10-28T19:43:42.397 に答える
2

DOM はまだロードされていません。あなたはこのようなことをすることができます...

document.body.onload = function() {
    var bakgrunnFarge=new Array("#CCFFCC", "#FFCCCC")
    document.getElementById("change_color").style.background=bakgrunnFarge[Math.floor(Math.random()*bakgrunnFarge.length)]
}

または、 body タグにハンドラーを配置します。

<body onload="myFunction()">Stuff</body>

次のようにイベントを聞くことができますDOMContentLoaded。

document.addEventListener("DOMContentLoaded", function(event) {
    var bakgrunnFarge=new Array("#CCFFCC", "#FFCCCC")
    document.getElementById("change_color").style.background=bakgrunnFarge[Math.floor(Math.random()*bakgrunnFarge.length)]
});
于 2013-10-28T20:10:02.703 に答える