Maison  >  Article  >  interface Web  >  Comment modifier le contenu div avec javascript

Comment modifier le contenu div avec javascript

青灯夜游
青灯夜游original
2021-04-19 17:31:108231parcourir

Comment modifier le contenu div avec JavaScript : utilisez d'abord l'instruction "document.getElementById('id value')" pour obtenir l'objet div en fonction de la valeur id, puis utilisez l'attribut innerHTML pour modifier le contenu div ; , avec la syntaxe "div object.innerHTML='value'".

Comment modifier le contenu div avec javascript

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

Méthode Javascript pour modifier le contenu div :

code html :

<div id="updateId">将要被修改的div</div>

code js :

<script type="text/javascript">
function changeText(){
document.getElementById(&#39;updateId&#39;).innerHTML = &#39;hello world!&#39;;
}
</script>

Comment modifier le contenu div avec javascript

Description :

La méthode getElementById() renvoie une référence au premier objet avec l'ID spécifié.

La propriété innerHTML définit ou renvoie le code HTML entre les balises d'ouverture et de fermeture d'une ligne de tableau.

[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!

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