11521 sujets

JavaScript, DOM et API Web HTML5

Petit problème rencontrer sur mon code

Salut, les gens
Je n'arrive pas a comprendre pourquoi ce code n'affiche pas l'image voulu.


var edj = document.getElementById('ecranDeJeux');

var imgStart = document.createElement('img');
imgStart.src = 'start.jpg';
edj.appendChild(imgStart);


Merci de m'aider.
Salut,

Qu'est-ce qui ne fonctionne pas au juste ?

Ton image est-elle bien à la racine de ton document ?
Mon image est bel et bien a la racine de mon fichier,
le problème c'est que la page n’affiche pas l'image

<!DOCTYPE html>
<html>
<head>
	<title>Press the Button</title>
	<meta charset='utf-8'/>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div id='ecranDeJeux'>
	</div>

	<script href='script.js'></script>
</body>
</html>




var edj = document.getElementById('ecranDeJeux');

var imgStart = document.createElement('img');
imgStart.src = 'start.jpg';
edj.appendChild(imgStart);
Le code que tu as posté suggère que le problème est ailleurs.
Il peut soit venir d'un mauvais chemin spécifié pour atteindre l'image à charger, soit d'un problème au niveau du CSS (que tu n'as pas joint).
Sujet clos
Aller à