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

id, getelementbyid et tag html

jQuery

Vue hybride

Discussions similaires

Partager

Partager