Cara menggunakan CSS untuk menukar warna latar belakang perenggan selepas mengklik pautan dalam halaman HTML
P粉311423594
2023-09-02 00:38:08
<p>Bolehkah saya menukar warna latar belakang perenggan apabila saya mengklik pautan pada halaman. </p>
<blockquote>
<pre class="brush:php;toolbar:false;"><a href="#p4">Lompat ke P4</a>
<p id="p4">Saya P4</p></pra>
</blockquote>
<p>Apakah yang perlu saya tulis dalam CSS untuk mencapai ini -</p>
<blockquote>
<p>p {Warna latar belakang: kuning }</p>
</blockquote></p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda tidak boleh menukar sifat sesuatu elemen dengan mengklik pada elemen lain, tetapi anda boleh melakukannya dengan JavaScript. Hanya tambahkan dalam acara
<body>标签的末尾添加<script>标签，并在<a>标签上添加onclick()anda:<body> <a href="#p4" onclick="changeColor()">跳转到P4</a> <p id="p4">我是P4</p> <script> function changeColor() { document.getElementById("p4").style.backgroundColor = "yellow"; } </script> </body>