Un getElementById qui renvoie null alors qu'il existe
Bonjour tout le monde,
j'ai un petit problème,
j'aimerais changer le background-color de mon accueil de backoffice uniquement, j'ai donc voulu passer par du javascript, pour cela, c'est simple,
j'ai dans mon html (ou php générateur de html) ceci :
Code:
if ($_SERVER['QUERY_STRING']==""){echo '<div id="image_accueil_admin" ><img alt="" src="style/admin_fond.png" /></div>';}
donc dans tous les autres cas qui possèdent des variables GET, ce div et l'image ne s'afficheront pas.
j'ai donc voulu utiliser ce div dans mon javascript comme ceci :
Code:
1 2 3
| if(document.getElementById("image_accueil_admin")){
alert("ok");
document.getElementById("content_admin").style.backgroundColor="Linen";} |
Le alert ne passe pas, donc on entre pas dans la condition, et on entre pas dans la condition car quand je fais :
Code:
alert(document.getElementById("image_accueil_admin"));
Il m'affiche "null". Alors que le div id="image_accueil_admin", est bien présent.
je comprends pas pourquoi sachant que j'avais utilisé le même procédé avec jquery une fois, j'avais fait
Code:
1 2 3 4
|
if(!document.getElementsByClassName("test_im")[0]){
$('#wrap').hide();
} |
et ça marchait... c'est pas tout à fait pareil mais le principe c'est le même.
merci