Contenus

Certaines méthodes et propriétés permettent de récupérer le contenu des balises et de le modifier.

Certaines méthodes permettent de retourner en lecture la valeur réel à l'écran de propriétés de style :

DéfinitioninnerHTML : lecture, écriture

1
element.innerHTML = htmlString

Permet de récupérer, modifier ou insérer un contenu html dans une balise

1
<p id="paragraphe1">Bonjour <strong>tout</strong> le monde</p>
2
<p id="paragraphe2"></p>
1
let paragraphe1 = document.querySelector("#paragraphe1");
2
let paragraphe2 = document.querySelector("#paragraphe2");
3
document.onclick = function(){
4
  paragraphe2.innerHTML = paragraphe1.innerHTML;
5
}

Au clique sur le document, copie le contenu HTML de paragraphe1 dans paragraphe2.

DéfinitiontextContent : lecture, écriture

1
element.textContent = String

Permet de récupérer, modifier ou insérer un contenu string dans une balise.

Contrairement à innerHTML, la méthode ne récupère que le texte sans les balises.

1
<p id="paragraphe1">Bonjour <strong>tout</strong> le monde</p>
2
<p id="paragraphe2"></p>
1
let paragraphe1 = document.querySelector("#paragraphe1");
2
let paragraphe2 = document.querySelector("#paragraphe2");
3
document.onclick = function(){
4
 paragraphe2.textContent = paragraphe1.textContent;
5
}

Au clique sur le document, copie le contenu texte de paragraphe1 dans paragraphe2.

Définitionvalue : lecture, écriture

1
elementForm.value = value

Récupère ou change le contenu des champs d'un formulaire.

1
<input type="text" />
1
let texte = document.querySelector("input") ;
2
texte.onkeyup = function(){
3
 this.value = "Je ne veux pas changer ! ! !"
4
}

Au relâchement d'une touche du clavier dans le champ de saisie, la valeur du champ est imposée.