innerHTML Erreur pour changer une div avec if

**Irokoi** · 28/09/2011, 15h04

Bonjour,

voici un bout de code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

**andry.aime** · 28/09/2011, 15h07

Bonsoir,

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

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

A+.

**SpaceFrog** · 28/09/2011, 15h08

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

**Irokoi** · 28/09/2011, 15h27

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**andry.aime** · 28/09/2011, 15h29

Parce que

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

A+.

**Irokoi** · 28/09/2011, 15h31

Ok merci beaucoup ça marche !

**SpaceFrog** · 28/09/2011, 15h31

tu as un retour ligne dans la div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

si tu modifies ton html ainsi, là ça fonctionnera

**Luke spywoker** · 28/09/2011, 15h41

Excuser de m'incruster dans votre discussion mais puisque c'est dans le sujet, quelle est la différence entre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<div>GO
</div>

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Irokoi** · 28/09/2011, 15h45

Le retour chariot

**andry.aime** · 28/09/2011, 15h48

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

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

A+.

**Luke spywoker** · 28/09/2011, 20h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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.

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

**NoSmoking** · 28/09/2011, 22h22

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

innerHTML Erreur pour changer une div avec if

JavaScript

Discussions similaires

Partager

Partager