Introduction à JavaScript

Ce chapitre vous fournit une partie des exemples pour montrer les capacités de JavaScript.

JavaScript peut modifier le contenu HTML

getElementById() C'est l'une des nombreuses méthodes JavaScript pour HTML.

Dans cet exemple, cette méthode est utilisée pour "trouver" l'élément HTML avec l'id="demo", et pour obtenir le contenu de l'élément (innerHTMLModifier "Hello JavaScript" :

Exemple

document.getElementById("demo").innerHTML = "Hello JavaScript";

Essayer par vous-même

Avis :JavaScript accepte à la fois les guillemets doubles et simples :

Exemple

document.getElementById("demo").innerHTML = 'Hello JavaScript';

Essayer par vous-même

JavaScript peut modifier les attributs HTML

Cet exemple change <img> Balise src Propriété (source) pour changer une image HTML :

Lampe


Essayer par vous-même

JavaScript peut modifier le style (CSS) HTML

Modifier le style d'un élément HTML, c'est une variante de modifier une propriété HTML :

Exemple

document.getElementById("demo").style.fontSize = "25px";

Essayer par vous-même

JavaScript peut cacher des éléments HTML

Peut être modifié display Style pour cacher un élément HTML :

Exemple

document.getElementById("demo").style.display="none";

Essayer par vous-même

JavaScript peut afficher des éléments HTML

Peut être modifié display Style pour afficher un élément HTML caché :

Exemple

document.getElementById("demo").style.display="block";

Essayer par vous-même

Lecture supplémentaire

Tutoriel avancé JavaScript : Histoire JavaScript 、 Réalisation JavaScript