Je débute en Javascript et je voulais pratiquer la méthode « getElementById » pour voir si j’obtenais un résultat.
J’ai donc fait un programme élémentaire avec une Div. …
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link href="PourDivAccueil.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="div2"></div>
<script language="javascript" type="text/javascript">
var obj=document.getElementById("div2");
alert("obj= "+obj);
hauteur=obj.style.height;
alert("hauteur= "+hauteur);
</script>
</body>
</html>
Je lui ai donné des propriétés dans un fichier externe « PourDivAccueil.css »…
@charset "utf-8";
#div2 {
background-color: #FF9900;
top: 10px;
left: 10px;
right: 10px;
height: 300px;
border: thin solid #3363Fd;
}
et j’ai tenté de me les faire restituer avec getElementById .
Au mieux, j’obtiens les alertes suivantes :
------ obj=[object HTMLDivElement]
-------hauteur=
J’ai essayé en interne avec …
<body> <div id="div2" style="left:50; border:solid; right:50; height:300; top: 10px;"></div>
Puis avec …
<style type="text/css">
<!--
#div2 {
background-color: #FF9900;
top: 10px;
left: 10px;
right: 10px;
height: 300px;
border: thin solid #3363Fd;
}
!-->
</style>
</head>
Je n’obtiens alors que les alertes suivantes :
------obj=[object HTMLDivElement] et
------hauteur undefined
J’aimerais donc savoir ce que je fais comme erreur pour pouvoir avancer !
D’avance merci.
Haut
