Comment utiliser CSS pour changer la couleur d'arrière-plan d'un paragraphe après avoir cliqué sur un lien dans une page HTML
P粉311423594
2023-09-02 00:38:08
<p>Puis-je modifier la couleur d’arrière-plan d’un paragraphe lorsque je clique sur un lien sur la page. </p>
<blockquote>
<pre class="brush:php;toolbar:false;"><a href="#p4">Aller à P4</a>
<p id="p4">Je suis P4</p></pre>
</blockquote>
<p>Que dois-je écrire en CSS pour y parvenir -</p>
<blockquote>
<p>p {Couleur de fond : jaune }</p>
</blockquote></p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous ne pouvez pas modifier les propriétés d'un élément en cliquant sur un autre élément, mais vous pouvez le faire avec JavaScript. Ajoutez simplement votre
<body>标签的末尾添加<script>标签，并在<a>标签上添加onclick()événement :<body> <a href="#p4" onclick="changeColor()">跳转到P4</a> <p id="p4">我是P4</p> <script> function changeColor() { document.getElementById("p4").style.backgroundColor = "yellow"; } </script> </body>