Maison  >  Article  >  interface Web  >  A quoi sert le style en javascript

A quoi sert le style en javascript

WBOY
WBOYoriginal
2022-01-05 12:07:173570parcourir

En JavaScript, le style est utilisé pour modifier le style d'un élément d'ensemble. L'objet de style représente une déclaration de style distincte. L'objet de style d'ensemble est accessible à partir du document ou de l'élément où le style est appliqué. .style.style attribut="style Valeur de l'attribut ";".

A quoi sert le style en javascript

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

Quelle est l'utilisation du style en javascript ?

L'objet Style représente une déclaration de style distincte. Un objet Style est accessible à partir du document ou de l'élément auquel le style est appliqué.

La syntaxe d'utilisation de l'attribut d'objet Style :

document.getElementById("id").style.property="值"

L'exemple est le suivant :

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <p id="xuebi">这一段看不见</p>
<p>这是能看见的段落</p>
<script type="text/javascript">
document.getElementById("xuebi").style.display="none";
</script>
</body>
</html>

Résultat de sortie :

A quoi sert le style en javascript

[Recommandations associées : Tutoriel d'apprentissage 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