Exécution fonction sur onclick

Version imprimable

Bonjour,
je ne comprends pas pourquoi le programme suivant ne fonctionne pas:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML>
<html>
 
<head>
    <script language="javascript">
        function ecritmessage() {
            document.getElementById('mondiv').write('ceci est mon message');
        }
    </script>
 
</head>
 
<body>
 
    <br>
    <br>
    <div id="mondiv" style="width:100px;height:100px;background-color:yellow;" onClick="ecritmessage()">
    </div>
 
</body>
 
</html>

alors que si supprime le getElementByid, ça fonctionne très bien.

02/10/2015, 09h59
Jacques Beauregard
Bonjour,
Code:

1 2 3 4 function ecritmessage() { document.getElementById('mondiv').innerHTML = "ceci est mon message"; }
De plus place ta fonction après la création de ta <div>
03/10/2015, 08h30
NoSmoking

Bonjour,

Citation:

document.getElementById('mondiv').write('ceci est mon message');

la méthode write n'existe pas pour un élément du DOM.

A toute fin utile, à lire : Comprendre document.write() en JavaScript