Discussion :

[Papy214]

Bonjour

Je profite de ma retraite pour apprendre de nouvelles choses alors merci d'avance de votre indulgence.
Dans un fichier js, j'ai mis le code suivant :

Code :

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

1
2
3
4
function NomAuHasard() {
    return "Bonjour";
}
;

Dans mon html, j'ai mis :

Code :

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

1
2
3
4
5
        <p id="Titre2"><script>
            let n = document.getElementById("Titre2");
            n.textContent = NomAuHasard();
            </script>
        </p>

Le résultat est correct mais je me dis qu'il doit bien y avoir une possibilité d'atteindre le node où se trouve le bout de script sans faire un getElementById.

Est-ce que j'ai raison et si oui, quelle est la méthode que je n'ai pas su trouver svp ?

[casperweb]

Bonjour, Toujours en utilisant l'id ou autre façon?

Il y a querySelector de l'oject document. En indiquant un sélecteur CSS.

Code :

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

document.querySelector('#Titre2');

https://developer.mozilla.org/fr/doc.../querySelector
https://fr.javascript.info/searching...#querySelector

PS : le JS n'a pas besoin d'être dans le paragraphe.

[Papy214]

En fait je pensais à une sorte d'élément référence comme self dans d'autres langages de programmation mais peut-être que ça n'existe pas ...

Quelque chose comme :

Code :

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

<p id="Titre2"><script>self.textContent = NomAuHasard();</script></p>

A défaut il y a peut-être une faon d'écrire directement à partir du script ??

Code :

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

<p id="Titre2"><script>Write(NomAuHasard());</script></p>

par exemple ?

[casperweb]

Bonjour, il existe en JS this pour faire référence à un objet courant. Mais cela ne s'utilise pas dans ce contexte.
https://fr.javascript.info/object-methods

Il y a document.write() mais c'est une ancienne méthode et je ne la recommande pas car elle mélange le HTML et le JS. Actuellement on en est plus à séparer les différents langages dans des fichiers séparés.
https://developer.mozilla.org/fr/doc...Document/write

Je vous recommande de suivre les indications donnée dans cette documentation https://fr.javascript.info/

[Papy214]

Merci pour les infos !

Le document.write fonctionne mais autant que je me dirige vers les méthodes plus actuelles !

J'ai passé ma journée a parcourir le site suivant qui m'a déjà appris pas mal de choses : https://www.geeksforgeeks.org/javasc...to-javascript/

Je vais maintenant passer à celui que vous m'avez indiqué. J'avance peu à peu mais ça me plait bien.