DOM où suis je ? :)

**nicerico** · 12/06/2014, 17h42

Bonjour

dans une page , un script javascript est inséré dans un élément du body
je ne sais pas où
le but est de savoir avec mon script js où je me trouve et ensuite mettre du code html là où je le trouve
est ce possible ?

Code html :

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

1
2
3
4
<div></div>
<div></div>
<div><script language="JavaScript" src="..."></script></div>
<div></div>

Merci de votre aide

**NoSmoking** · 12/06/2014, 20h13

Bonjour,
pour info, c'est dans la

:
Comment ajouter du JavaScript à une page HTML ?
Où placer les scripts dans la page HTML ?
Quels sont les attributs de la balise script ?

Ensuite il serait intéressant de savoir ce qu'il y à dans le fichier et ce que fait le script.

**sekaijin** · 13/06/2014, 07h00

Bonnes Pratiques
Ne jamais éparpiller le JS dans le DOM.
Mettre des id sur les éléments à manipuler

Code html :

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

1
2
3
4
<div></div>
<div></div>
<div id="divAManipuler1"></div>
<div></div>

Mettre tous les jS dans le head
n'agir sur les éléments du dom que lorsque le document est complètement chargé (onLoad)

A+JYT

**nicerico** · 13/06/2014, 08h38

merci pour les bonnes pratiques et les bases de js
mais ce n'était pas ma demande

ma demande est un cas particulier auquel je ne peux pas changer grand chose

le script js mettra du html dans la div où il se trouve
actuellement il utilise document.write et je voudrais changer ça car document.write me pose probleme

existe t il une autre solution

Merci de votre aide

**Bovino** · 13/06/2014, 09h18

La méthode est crade, mais le POC est intéressant.

je voudrais changer ça car document.write me pose probleme

Je te comprends !

La solution, c'est de considérer que le DOM se construit en même temps que la page HTML. Du coup, quand ton script est interprété, les éléments déjà présents dans le HTML existent déjà dans le DOM.

Du coup, une première approche serait d'insérer le contenu du script à la fin du body :

http://codepen.io/bovino/pen/EeAyF

Seul problème, ça ne marche que pour les enfants directs de la balise <body>

:

http://codepen.io/bovino/pen/ImfFq

Donc, il faut effectivement savoir où on se trouve exactement.
Pour ça, on sait qu'on se trouve dans une balise <script>. Or comme le script est interprété, on sait aussi que cette balise est la dernière de ce type dans le document, on peut donc récupérer le dernier éléments de la collection des balises <script>, récupérer sa balise parente et y ajouter le nouvel élément :

http://codepen.io/bovino/pen/vwdye

Le tour est joué !

**sekaijin** · 13/06/2014, 16h48

Envoyé par nicerico

merci pour les bonnes pratiques et les bases de js
mais ce n'était pas ma demande

Ha

je croyais en lisant que ta demmande était comment écrire dans un div...

Envoyé par nicerico

ma demande est un cas particulier auquel je ne peux pas changer grand chose

le script js mettra du html dans la div où il se trouve

Ha

tient j'ai bien lu que ta demmande était comment écrire dans un div...

Envoyé par nicerico

actuellement il utilise document.write et je voudrais changer ça car document.write me pose probleme

existe t il une autre solution

Merci de votre aide

Ben appliquer celle que je t'ai donnée

A+JYT

**SylvainPV** · 13/06/2014, 19h38

Envoyé par sekaijin

Bonnes Pratiques
Mettre des id sur les éléments à manipuler[CODE=html]<div></div>

Il n'y a pas que les ID ! Parce que c'est le moyen le plus simple, beaucoup de débutants ne connaissent rien d'autres. Et à force d'en mettre partout, il finit par y avoir des duplicats qui donnent des bugs très difficiles à déceler et résoudre. Mieux vaut apprendre à sélectionner les éléments en JS avec la même polyvalence qu'en CSS, surtout que querySelector est supporté quasiment partout maintenant.

**sekaijin** · 13/06/2014, 20h17

Tout a fait d'accord avec toi.

Mais bon pour remplacer un script qui fait des doccument.write par une meilleure solution sans toucher au code
perso je vois pas.

A+JYT

**Watilin** · 16/06/2014, 15h43

Il peut être intéressant de connaître l'existence de document.currentScript, même s'il ne marche pas sous IE.

DOM où suis je ? :)

JavaScript

Discussions similaires

Partager

Partager