recherche

Maison >interface Web >js tutoriel >Comment modifier le contenu du texte avec javascript

Comment modifier le contenu du texte avec javascript

青灯夜游
青灯夜游original
2021-05-18 15:59:3713349parcourir

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.

Comment modifier le contenu du texte avec javascript

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>

Comment modifier le contenu du texte avec javascript

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!

JavaScript css html class 对象 innerHTML
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment implémenter l'opération d'impression en JavaScriptArticle suivant：Comment implémenter l'opération d'impression en JavaScript

Articles Liés

Voir plus