Comment modifier le contenu du texte en JavaScript : utilisez d'abord l'instruction "document.getElementById(id value)" pour obtenir l'objet élément de texte ; puis utilisez l'"élément de texte object.innerHTML="nouveau contenu de texte"" déclaration pour le modifier.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Modifier le contenu HTML
Le moyen le plus simple de modifier le contenu d'un document HTML est d'utiliser l'attribut innerHTML.
Pour modifier le contenu d'un élément HTML, utilisez cette syntaxe :
document.getElementById(id).innerHTML = new text
Exemple :
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 可以更改 HTML</h2>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "Hello Kitty！";
</script>
<p>上面的段落由脚本更改。</p>
</body>
</html>
Trouver le nom de l'élément Méthode :
1. Obtenez l'élément basé sur l'identifiant
document.getElementById("id属性的值");2 Obtenez l'élément basé sur le nom de la balise
document.getElementsByTagName("标签的名字");3. sur la valeur de l'attribut name
document.getElementsByName("name属性的值");4. Obtenez des éléments basés sur l'attribut de classe
document.getElementsByClassName("类样式的名字");5 Obtenez des éléments basés sur le chemin CSS (obtenez-en un)
document.querySelector("css路径");6. Obtenez des éléments basés sur le chemin CSS (créez un groupe)
document.querySelectorAll("css路径");[Apprentissage recommandé : Tutoriel JavaScript avancé]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
