obtenir le contenu intégral d'une div

**goldor** · 04/02/2009, 16h34

Voilà j'ai essayer de récupérer le contenu d'une page html avec les tag et la mettre dans une variable pour pouvoir lui appliquer une expression régulière, histoire de formatter comme bon me semble mes balise.

Voici un exemple de code html

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Mon éditeur</title>
<script src="javascript/MScleaner.js" language="javascript" type="text/javascript"></script>
</head>
 
<body >
<div id="leBody">
    <h1>Editeur</h1>
    <p style="color:#00CC33; font-size:18px;">Première phrase</p>
    <p>Tag clean</p>
    <p style="clear:both; color:#9302df; font-size:30px;">3 eme phrase!!!!!!!!!!!!</p>
</div>
</body>
</html>

Voici le JS que j'ai tenter de faire mais la 1ere alert me renvois null et l'autre me génère une erreur

Code :

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

1
2
alert(	document.getElementById("leBody")	);
alert(	document.getElementById("leBody").innerHTML	);

**SpaceFrog** · 04/02/2009, 16h37

a quel moment ces deux lignes de code sont elles interpétées ???
si ce n'est pas sur le onload du body ou après ...

**goldor** · 04/02/2009, 16h46

@SpaceFrog : elle vont etre interpreter sur l'appui d'un bouton mais présentement j'ai mis le script dans le head du html et les opérations s'applique automatiquement, je sais pas quand est-ce exactement elle s'applique.

@FoxLeRenard : et ma variable se trouve dans une div alors je crois qu'il faut plus qu'écrire le nom de l'id + .innerHTML pour récupérer le tout mais je vais essayer quand meme

**SpaceFrog** · 04/02/2009, 16h48

vire le premier ?

**goldor** · 04/02/2009, 16h52

@E.Bzz : Merci, ca fonctionne A1, je viens d'apprendre qu'un script dans le header est executé sur le onload. C'est pour ça que ça me donnais null comme réponse

SVP ne pas mettre des trucs qui fonctionne juste sur IE, je n'aime pas particulierement les navigateurs qui ne se conforme pas au normes ou que l'affichage est différent des autres.

IE && Safari = mauvais;

**E.Bzz** · 04/02/2009, 16h59

Envoyé par goldor

je viens d'apprendre qu'un script dans le header est executé sur le onload. C'est pour ça que ça me donnais null comme réponse

Pas tout à fait

Justement, dans le <head> le script s'exécute immédiatement (avant le chargement du corps de la page).
Pour qu'il s'exécute au chargement, mais une fois le corps de la page chargée, il faut déclarer une fonction (dans le head, donc) et appeler celle-ci dans l'évènement onload du body (cf. SpaceFrog).
Mais le nav ne le fait pas tout seul.

Et via le onload, justement, ton script aurait fonctionner sans erreur (comme avec le bouton)

A+

**goldor** · 04/02/2009, 17h04

Merci de la précision

FoxLeRenard · 04/02/2009, 17h12

Envoyé par goldor

@E.Bzz : Merci, ca fonctionne A1, je viens d'apprendre qu'un script dans le header est executé sur le onload. C'est pour ça que ça me donnais null comme réponse

SVP ne pas mettre des trucs qui fonctionne juste sur IE, je n'aime pas particulierement les navigateurs qui ne se conforme pas au normes ou que l'affichage est différent des autres.

IE && Safari = mauvais;

Je ferais au mieux, mais c' est durdur de savoir ... j' en ais fait tellement que pour IE dans les années 98 pffffff

Mille escuses

**SpaceFrog** · 04/02/2009, 17h20

il s'agissait donc bien d'un souci d'instanciation...
d'ou ma première question

a quel moment ces deux lignes de code sont elles interpétées ???
si ce n'est pas sur le onload du body ou après ...

FoxLeRenard · 04/02/2009, 16h40

Heu je comprends mal ou tu ne connais pas

Code :

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

1
2
3
 
 
var ctout=LeBody.innerHTML;

**E.Bzz** · 04/02/2009, 16h43

Envoyé par FoxLeRenard

Heu je comprends mal ou tu ne connais pas

Code :

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

1
2
3
 
 
var ctout=LeBody.innerHTML;

Heu ... oui mais non, ça tu pouvais garder pour toi (voire même l'oublier) : pas du tout au normes W3C et (anciens) IE only

A+

**E.Bzz** · 04/02/2009, 16h41

Bonjour,
tu ne nous dis pas comment tu as appelé tes alert() (sûrement dans un <script> dans le body, mais bon ...)

Ajoute un

Code :

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

<input type="button" value="Voir" onclick="alert(document.getElementById('leBody'));alert(document.getElementById('leBody').innerHTML);">

Le 1° devrait te donner "[object]" et le second le code HTML dans le div ...

Mais évite de mettre des tabulations entre les parenthèses des fonctions

A+

obtenir le contenu intégral d'une div

JavaScript

Vue hybride

Discussions similaires

Partager

Partager