Salve a tutti, essendo agli inizi col javascript, ho deciso di creare una pagina dove testo tutti gli eventi del DOM (onclick, onblur, onfocus... eccetera) e li associo a delle funzioni che cambiano la classe css. Il problema è che mi sono bloccato al primo tentativo:
Come vedete, ho cercato di cambiare colore (rosso) al div che inizialmente è senza colore. ho provato con un comando inline
ed ha funzionato quindi ho creato una funzione per eseguire lo stesso comando, ma non funziona. Cosa sbaglio??
HTML:
<html>
<head>
<style>
#click{width:300px;height:300px;border:1px black solid}
.test{background-color:blue}
.test2{background-color:red}
</style>
<script language="javascript" type="text/javascript">
function onclick(div){
div.className = "test";
}
</script>
</head>
<body>
<div id="click" onClick="onclick(this)">
</div>
</body>
Come vedete, ho cercato di cambiare colore (rosso) al div che inizialmente è senza colore. ho provato con un comando inline
HTML:
onClick="this.className = 'test'"