innerHTML Erreur pour changer une div avec if

Version imprimable

Bonjour,

voici un bout de code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
window.onload = function (){
	change_artwork();
}
 
</script>
</head>
 
<body>
<script type="text/javascript">
function change_artwork(){
	if (document.getElementById('artwork').value = '.'){
		document.getElementById('artwork').innerHTML = " ";
	}
}
</script>	
 
<div id="artwork">GO
</div>

pourquoi même si il y a marqué Go, la div change quand même ?
No comprendo ...

28/09/2011, 15h07
andry.aime

Bonsoir,

Citation:

if (document.getElementById('artwork').value = '.')

L'opérateur de comparaison est "==".

A+.
28/09/2011, 15h08
SpaceFrog

parce qu'un div n'as pas de value ?
et qu'une comparaison d'égalité se fait avec ==

Code:

1
2
3
4
5
6
function change_artwork(){
	if (document.getElementById('artwork').innerHTML == "GO"){
		document.getElementById('artwork').innerHTML = "MARCHE";
		alert(document.getElementById('artwork').innerHTML);
	}
}

ne marche toujours pas ?

28/09/2011, 15h29
andry.aime

Parce que

Citation:

<div id="artwork">GO
</div>

Pense à nettoyer les retours à la ligne avec un RegEx.

A+.
28/09/2011, 15h31
Irokoi

Ok merci beaucoup ça marche !
28/09/2011, 15h31
SpaceFrog

tu as un retour ligne dans la div

Code:

<div id="artwork">GO</div>

si tu modifies ton html ainsi, là ça fonctionnera
28/09/2011, 15h41
Luke spywoker
Excuser de m'incruster dans votre discussion mais puisque c'est dans le sujet, quelle est la différence entre:
Code:

1 2 3 <div>GO </div>
et
Code:

1 2 <div>GO</div>
Si quelqu'un pouvait m'expliquer et participer a ma culture cybernétique ça serait sympa car je ne sais vraiment pas pourquoi ce n'est pas pareil.
Excusez le dérangement.
28/09/2011, 15h45
Irokoi

Le retour chariot
28/09/2011, 15h48
andry.aime

Parce que le retour à la ligne est un "\n" ou "\r" selon le système d'exploitation avec lequel on a édité le fichier, ou généré le fichier ou même on a utilisé pour mettre un retour à la ligne, donc avec

Citation:

<div>GO
</div>

tu auras pour son innerHTML "GO\n" ou "GO\r"

A+.
28/09/2011, 20h58
Luke spywoker

Merci pour votre réponse, je savais pour la différence de retour et j'ai parfaitement compris que quand je crée un document HTML sous Linux il y aura des légère différences sous windows, d'ailleur dans l'absolu des fichiers textes sa ne serai pas possible car le retour chariot sous Linux est '\n' et sous windows '\r\n' mais bon avec mon éditeur (kate) sa passe aussi bien sous Linux oû je crée mes fichiers que sous windows.
Mais quelles répercussions y a t-il au niveau HTML: donc il vaut mieux cette syntaxe:

Code:

<div>GO</div>

que l'autre car il y aurai un retour chariot dans la partie texte de la balise <div> si l'on va a la ligne pour fermer la balise, si j'ai bien compris.:ccool:

Merci d'avoir contribuer a ma culture cybernétique.:ccool:

Bonsoir,
il y a une influence non négligeable sur la façon de construire le DOM de la part des navigateurs IE ou autres

Je te mets un petit fichier exemple pour voir les rendus, à tester sur IE et FireFox par exemple
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>[...]</title> </head> <body> <button>Bouton #1</button><button>Bouton #1</button> <br> <button>Bouton #1</button> <button>Bouton #1</button> <br><br> <div id="la_div1"> <b>Le texte #1 à la ligne</b> </div> <button onclick="alert( document.getElementById('la_div1').firstChild.nodeName);">Test #1</button> <br><br> <div id="la_div2"><b>Le texte #2 à la suite</b></div> <button onclick="alert( document.getElementById('la_div2').firstChild.nodeName);">Test #2</button> </body> </html>
on observe une différence de rendu ainsi qu'une différence dans l'accès au DOM.

Un lien à voir Pourquoi le comportement du DOM est-il différent sous FireFox et IE ?