0

それはおそらく本当に愚かなことですが、私はたくさん検索しましたが、私の人生では何が間違っているのかわかりません(Webデザイン/プログラミングの新機能)。

<html>
<head>
<title>ask9</title>

<script>
function changeColor(){

var x=document.getElementById("box").value;
if(isNaN(x)==false)
{
    body.style.backgroundColor="yellow";
}
else if(isNaN(x)==true)
{
    body.style.backgroundColor="green";
}
else
{
    body.style.backgroundColor="red";
}
}
</script>
</head>
<body>


    <input type="text" id="box" onchange="changeColor()">

</body>
</html>
4

1 に答える 1

3

body定義されていません-おそらくdocument.bodyまたはdocument.getElementsByTagName('body')[0]-このjsFiddleを参照してください：http://jsfiddle.net/LrrpM/

<html>
<head>
<title>ask9</title>
<script>
function changeColor() { 
    var x=document.getElementById("box").value;
    if(isNaN(x)==false)
    {
        document.body.style.backgroundColor="yellow";
    }
    else if(isNaN(x)==true)
    {
        document.body.style.backgroundColor="green";
    }
    /* // will never occur, isNaN() always returns a boolean
    else 
    {
        document.body.style.backgroundColor="red";
    }*/
}
</script>
</head>
<body>
    <input type="text" id="box" onchange="changeColor()"> 
</body>
</html>
于 2013-10-13T12:29:19.477 に答える