Création dynamique d'un élément du DOM (id)

**Arnaud F.** · 31/08/2010, 22h41

Bonjour,

je tente de créer dynamiquement un élément et l'insérer dans la page via jQuery, seulement cela ne se passe pas tout à fait comme prévu...

Mon 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
<html lang="en" >
<head>
	<title>jQuery</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("<div id='a'>a</div>").appendTo(document.body);
alert($("#a").attr("id"));
</script>
</head>
<body>
 
</body>
</html>

Le problème c'est que dès que je tente de récupérer l'élément, je récupère toujours le booléen false, et c'est ce que j'obtiens quand je fais l'alert...

Pourtant il est bien présent et inséré dans la page (je vois le "a") et visible dans le débugger Chrome.

De même, j'ai essayé :

Code :

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

$("<div />", { id: 'A' }).html("a").appendTo(document.body);

Code :

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

$("<div />").appendTo(document.body).attr("id", 'A').html("a");

Ces deux portions de codes insèrent également les éléments dans la page, excepté que l'attribut id n'est jamais affecté (vu avec le débugger également).

Si vous avez des pistes, je suis preneur...

P.S: C'est dès que je fais .attr("id") qu'on me retourne false, et je ne sais pas pourquoi

**SpaceFrog** · 01/09/2010, 08h23

A mon avis tu es sur une mauvaise version de jquery

j'utilise jquery-1.4.2.min.js et j'ai bien un alert a ...

**Bovino** · 01/09/2010, 10h30

Code :

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

1
2
3
$(document).ready(function() {
$("<div id='a'>a</div>").appendTo(document.body);
alert($("#a").attr("id"));

c'est une erreur de copier / coller ou il manque les fermetures d'accolades ?

Code :

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

1
2
3
4
$(document).ready(function() {
    $("<div id='a'>a</div>").appendTo(document.body);
    alert($("#a").attr("id"));
});

**Arnaud F.** · 01/09/2010, 13h10

Envoyé par SpaceFrog

A mon avis tu es sur une mauvaise version de jquery

j'utilise jquery-1.4.2.min.js et j'ai bien un alert a ...

Je n'ai rien changé entre temps

, ça fonctionnait avant...

Envoyé par Bovino

Code :

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

1
2
3
$(document).ready(function() {
$("<div id='a'>a</div>").appendTo(document.body);
alert($("#a").attr("id"));

c'est une erreur de copier / coller ou il manque les fermetures d'accolades ?

Code :

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

1
2
3
4
$(document).ready(function() {
    $("<div id='a'>a</div>").appendTo(document.body);
    alert($("#a").attr("id"));
});

Erreur de copier / coller

Bon, je vais refait un test demain et vous dis quoi...

Création dynamique d'un élément du DOM (id)

jQuery

Discussions similaires

Partager

Partager