String se mute en objet

**Golgotha** · 27/04/2013, 19h04

Ôyé Ôyé

Il fallait bien que ça m'arrive un jour, une situation que je ne comprends absolument pas...

Le code :

Code html :

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

<div id="test_A" >test</div>

Code javascript :

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

1
2
3
var p_id = $("#test_A").attr("id");
alert(p_id);
$('#test_A').append("<scrip" + "t" + ">alert(" + p_id + ");</"+"script>");

Alors, voilà le jsfidle.

La question : Pourquoi les deux alertes ne donne pas le même résultat ?

Question subsidiaire 1 : Pourquoi p_id deviens un objet ???!!!
Question subsidiaire 2 : comment avoir l'id en string dans le deuxième alertes.

J'avoue que là... j'ai du manquer un chapitre quelques part.

Bonne...... chance

**NoSmoking** · 27/04/2013, 19h36

Bonjour,
sans plus d'explication

Code :

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

1
2
3
4
5
6
var p_id; // doit être globale
$(window).load(function(){
  p_id = $("#test_A").attr("id");
  alert(p_id);
  $('#test_A').append("<scrip" + "t" + ">alert( p_id);</"+"script>"); // sans les guillemets fait référence à la variable
});

**danielhagnoul** · 27/04/2013, 22h31

Bonsoir

Il est mutin ce string !

Et le modérateur n'est pas dans le bon forum !

Avec un console.log() c'est beaucoup plus clair.

Code :

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

1
2
3
4
5
6
7
8
9
$( function(){
	 var p_id =  $( "#test_A" ).attr( "id" );
 
	 console.log( p_id );
 
	 $( "#test_A" ).append( '<script>console.log(' + p_id + ');<\/script>' );	
 
	 $( "#test_A" ).append( '<script>console.log("' + p_id + '");<\/script>' );						
});

donne :

Code html :

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

1
2
3
4
5
<div id="test_A">
    test
    <script>console.log(test_A);</script>
    <script>console.log("test_A");</script>
</div>

le premier script affiche toute la division dans la console, donc c'est un objet du DOM.

**Golgotha** · 28/04/2013, 12h20

Ha d'accord, bon bah la c'est plus clair.

En fait la réponse est là : http://jsfiddle.net/NBTef/5/

Un objet avec un ID en HTML, est directement accessible par sont nom en javascript, alors là, j'apprends quelques chose !

C'est bon à savoir. Merci bien

**NoSmoking** · 29/04/2013, 15h07

Attention toutefois DANGER car risque de collision

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head></head>
<body>
<div id="test_A">
Contenu de la DIV test_A
</div>
<script>
var test_A = "Chaine contenant test_A";
alert(test_A);
alert( document.getElementById('test_A').innerHTML);
</script>
</body>
</html>

**Golgotha** · 29/04/2013, 15h15

Oui, en effet.

Mais je me demande pourquoi ça a été implémenté de cette façon.

Quand on créer un objet HTML, avec un ID : Est ce une mauvaise pratique de déclarer une variable avec le même nom en JS ?

Quelqu'un aurait de la doc officiel à ce sujet ? (je vais chercher de mon coté)

String se mute en objet

jQuery

Vue hybride

Discussions similaires

Partager

Partager