Modifier le contenu d'un élément

**TriManSa** · 14/06/2020, 15h02

bonjour je suis nouveau sur le site j'espère que vous pourrez m'aidez.
je souhaite faire une application de bureau pour avoir les statistiques d’équipe d'un jeu
je n'en suit qu'a créer la fenêtre et j'ai déjà du mal :/
j'essaie de mettre le titre en haut a gauche de ma fenêtre
tout d’abord j'ai ceci comme

Code HTML :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
 
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-compatible" content="ie=edge">
      <link rel="stylesheet" type="text/css" href="css/reset.css">
      <link rel="stylesheet" type="text/css" href="css/menu.css">
      <title id='title'>Clash_teaMate</title>
    </head>
 
  <body onload="FonctionA()">
 
    <div id="container">
      <nav>
        <div id="titleShown">Clash_TeaMate</div>
          <div id="buttons">
            <div id="minimize">
              <span>-</span>
            </div>
            <div id="maximize">
              <span>+</span>
            </div>
            <div id="close">
              <span>&times;</span>
            </div>
          </div>
        </nav>
        <main>
            some content
        </main>
    </div>
<script src="js/init.js">
</script>
 </body>
 
</html>

j'ai ceci ensuite dans ma page init.js

Code :

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

1
2
3
4
5
6
function FonctionA()
{
  var tittle = document.getElementById('title').innerHTML;
  document.getElementById("titleShown").innerHTML= title;
 
}

ce code devrait normalement m'afficher le "title" le "clash_teaMate" du head en haut a gauche
hors cela ne marche pas il m'affiche" [object HTMLTitleElement]"
quand je regarde ma console quand je lance l'appli ( le devtools) c'est ce qui est afficher dans le div "titleShown"
jusqu’à présent il n'y avait rien écrit dans le div je pensais que cela venait de la
j'ai essayer donc de remettre le title a la place
quand j'enregistre mon code et le lance cela ne marche pas en remplacant et laisse le "[object HTMLTitleElement]" dans le div ( en regardant dans le dev tool) malgré le fait que le l'ai écrit dans mon fichier htlm en enregistrant bien
par contre si je modifie directement avec le dev tool cela marche mais des que je relance cela ne fonctionne plus, retour au "[object HTMLTitleElement]"

si quelqu'un pouvait me porter secour grand merci a lui

**ProgElecT** · 14/06/2020, 16h11

Salut

Code :

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

1
2
3
  var tittle = document.getElementById('title').innerHTML;
  // document.getElementById("titleShown").innerHTML= title;
  document.getElementById("titleShown").innerHTML= tittle;

manque un t, ta variable, tu l'as nommée tittle

**TriManSa** · 14/06/2020, 17h14

ca fait au moins 25 fois que je la relis
et que je vois pas ca
je suis trop bête
merci beaucoup pour ton aide xD

**NoSmoking** · 16/06/2020, 18h15

Bonjour,
dans le cas présent

Code :

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

var tittle = document.getElementById('title').innerHTML;

n'est autre que

Code :

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

document.title;

Modifier le contenu d'un élément

JavaScript

Discussions similaires

Partager

Partager