recherche

Maison >interface Web >js tutoriel >Comment définir le contenu du texte d'un élément en javascript

Comment définir le contenu du texte d'un élément en javascript

青灯夜游
青灯夜游original
2021-04-26 17:06:067216parcourir

Comment définir le contenu du texte en JavaScript : utilisez d'abord l'instruction "document.getElementById("id value")" pour obtenir l'objet de l'élément de texte ; puis utilisez l'instruction "text element object.innerHTML='text content value" ';" instruction qui peut être définie.

Comment définir le contenu du texte d'un élément en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Javascript définit le contenu du texte de l'élément

Étapes :

  • Rechercher un élément

  • Définir le contenu à l'aide de innerHTML

Exemple : 

<body>
    <p id="demo"></p>
    <script type="text/javascript">
        var x=document.getElementById("demo");  // 找到元素
        x.innerHTML="Hello JavaScript!";    // 设置内容
    </script>
    
</body>

Sortie :

Comment définir le contenu du texte dun élément en javascript

Description :

L'attribut innerHTML définit ou renvoie le code HTML entre les balises de début et de fin de la ligne du tableau.

Syntaxe

tablerowObject.innerHTML=HTML

Méthode pour trouver des éléments :

1. Obtenez des éléments basés sur l'identifiant

document.getElementById("id属性的值");

2. Obtenez des éléments basés sur le nom de la balise

. 
document.getElementsByTagName("标签的名字");

3. Obtenez l'élément en fonction de la valeur de l'attribut name 

document.getElementsByName("name属性的值");

4. Obtenez l'élément en fonction de l'attribut de classe 

document.getElementsByClassName("类样式的名字");

5. chemin (en obtenir un) 

document.querySelector("css路径");

6. Obtenir des éléments basés sur le chemin CSS (obtenir un groupe) 

document.querySelectorAll("css路径");

[Apprentissage recommandé : Tutoriel avancé JavaScript]

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!

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 supprimer les caractères spécifiés dans la chaîne javascriptArticle suivant：Comment supprimer les caractères spécifiés dans la chaîne javascript

Articles Liés

Voir plus