id, getelementbyid et tag html

**Papy214** · 07/08/2010, 12h10

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 :

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

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 :

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

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 !

**SpaceFrog** · 07/08/2010, 15h06

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 :

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

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

**jota5450** · 07/08/2010, 15h08

bjour

Code :

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

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

**SpaceFrog** · 07/08/2010, 15h09

Trop lent petit scarabée

**Papy214** · 07/08/2010, 15h51

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

peut-être faut-il utiliser autre chose que innerHTML avec jquery ?

**jota5450** · 07/08/2010, 15h54

avec jquery, c´est html et non innerhtml.

**Papy214** · 07/08/2010, 16h22

Envoyé par jota5450

avec jquery, c´est html et non innerhtml.

Code :

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

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

me renvoie:

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

[Edit 16:43]

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

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

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

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

**jota5450** · 07/08/2010, 16h56

comme mon premier message: xxx.html() ...

Code :

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

1
2
 
alert($('#lheure').html());

et non ..

Code :

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

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

et apres relire tes messages.. je cois que tu veux

Code :

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

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

**Papy214** · 07/08/2010, 20h40

bingo !

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

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

et un grand merci à toi !

**SpaceFrog** · 07/08/2010, 20h57

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