изменение css с помощью javascript

Question

Я попытался изменить стиль CSS раздела с помощью javascript. здесь Css

<style> 
#box 
{ 
height:200px; 
width:200px; 
background:#c0c0c0; 
} 
</style> 

Вот код Javascript

<script> 
function fun() 
{ 
setInterval(function(){fun1()},3000); 
} 

function fun1() 
{ 
var x = document.getElementById("box"); 
x.style.backgroundColor="red"; 
} 
</script> 

и в HTML тела

<div id="box"></div> 
<br> 
<button type="button" onClick="fun();">Click here </button> 

почему не цвет DIV изменяется даже после нажатия на кнопку?

Answer 1

Если вы посмотрите на свою консоль, вы увидите, что у вас есть некоторые ошибки.

Вы должны определить функцию, как:

function fun(){ 
    // ... 
} 

вместо просто

fun() { 
    // .. 
} 

Так оно и должно быть:

function fun() { 
    setInterval(fun1,3000); 
} 

function fun1() { 
    var x = document.getElementById("box"); 
    x.style.backgroundColor="red"; 
} 

Fiddle (Спасибо skmasq)