id, getelementbyid et tag html

Version imprimable

07/08/2010, 12h10
Papy214

id, getelementbyid et tag html
Bonjour,

Cette question devrait peut-être se trouver dans la rubrique jquery mais je ne sais pas si mon problème de javascript, de jquery ou de ma balise.

En html:
Code:

1 2 3 4 5 6 7 ... <script type="text/javascript" src="javascript/jquery.js"></script> ... <p> <label id="lheure" >heure locale</label> </p>
En js:
Code:

1 2 3 4 5 function Affiche(){ alert( document.getElementById("lheure").innerHTML ); alert( $("lheure").innerHTML ); }
Le premier alert affiche: "heure locale"
Le second affiche: "undefined"

le $ de jquery n'est-il pas censé renvoyer la même chose que document.getElementById ??

Papy !
07/08/2010, 15h06
SpaceFrog
Oui elle devrait être dans jquery ...
Elle concerne en effet un souci de syntaxe au niveau du selecteur :
En jquery pour selectionner sur l'id il faut mettre # devant:
Code:

1 2 3 4 function Affiche(){ alert( document.getElementById("lheure").innerHTML ); alert( $("#lheure").innerHTML ); }
Un petit topo sur les bases des selecteurs en jquery http://www.developpez.net/forums/d89...y/#post5108986

bjour

Code:

1
2
3
4
5
 
alert(document.getElementById("lheure").innerHTML );
 
 
alert($('#lheure').html());

07/08/2010, 15h09
SpaceFrog

Trop lent petit scarabée :mouarf:
07/08/2010, 15h51
Papy214

même avec #, ça me renvoie undefined dans la boite de dialogue. :cry:

peut-être faut-il utiliser autre chose que innerHTML avec jquery ?
07/08/2010, 15h54
jota5450

avec jquery, c´est html et non innerhtml.

Citation:

Envoyé par jota5450

avec jquery, c´est html et non innerhtml.
Code:

1 2 alert( $("#lheure").html );
me renvoie:

Citation:

function (a) {
if (a === w) {
return this[0] && this[0].nodeType === 1 ? this[0].innerHTML.replace(Ja, "") : null;
} else if (typeof a === "string" &&
!ta.test(a) &&
(c.support.leadingWhitespace || !V.test(a)) &&
!F[(La.exec(a) || ["", ""])[1].toLowerCase()]) {
a = a.replace(Ka, Ma);
try {
for (var b = 0, d = this.length; b < d; b++) {
if (this[b].nodeType === 1) {
c.cleanData(this[b].getElementsByTagName("*"));
this[b].innerHTML = a;
}
}
} catch (f) {
this.empty().append(a);
}
} else {
c.isFunction(a) ? this.each(function (e) {var j = c(this), i = j.html();j.empty().append(function () {return a.call(this, e, i);});}) : this.empty().append(a);
}
return this;
}

Là, plus ça va moins je comprends ... surtout que le $, je l'ai déjà utilisé ailleurs sans avoir ce genre de problème. Enfin, jamais sur un label ...

[Edit 16:31]

en fait, je viens de voir que je peux mettre n'importe quoi, ça me renvoie un texte de fonction

alert( $("sfjksqleslcwc,").html );

ça fait pareil que ci-dessus 8O

[Edit 16:43]

j'ai réduit le code au strict minimum.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Page de tests</title> <script type="text/javascript" src="javascript/jquery.js"></script> <script type="text/javascript" src="javascript/scripts.js"></script> </head> <body> <p> <label id="lheure" >heure locale</label> <input id="bouton" type="button" value="Test js" /> </p> </body> </html>
fichier scripts.js
Code:

1 2 3 4 5 6 7 8 9 $(document).ready(function(){ $("#bouton").click(Affiche); } ) function Affiche(){ alert( $("#lheure").innerHTML ); }
marche toujours pas ... mauvais w-e ! mauvais kharma ??

07/08/2010, 16h56
jota5450
comme mon premier message: xxx.html() ...
Code:

1 2 alert($('#lheure').html());
et non ..
Code:

1 2 alert( $("#lheure").html );
et apres relire tes messages.. je cois que tu veux
Code:

1 2 alert($('#lheure').text());
07/08/2010, 20h40
Papy214

bingo !

alert($('#lheure').text());

j'avais du oublier les parenthèses ... honte sur moi !

et un grand merci à toi !
07/08/2010, 20h57
SpaceFrog

Désolé, dans la précipitation je me suis focalisé sur le selecteur.

Sur les première versions de jquery il me semble que l'on pouvait utiliser le innerHTML en passant par .eq(0) ou [0], je ne sais pas si c'est toujours vrai
09/08/2010, 09h03
Papy214

Citation:

Envoyé par SpaceFrog

Désolé, dans la précipitation je me suis focalisé sur le selecteur.

Mais y'a pas de mal ... :)

Le coup de main a quand même été utile