如何使用CSS在HTML页面中点击链接后改变段落的背景颜色
P粉311423594
2023-09-02 00:38:08
<p>当我在页面上点击链接时，我可以更改段落的背景颜色吗。</p>
<blockquote>
<pre class="brush:php;toolbar:false;"><a href="#p4">跳转到P4</a>
<p id="p4">我是P4</p></pre>
</blockquote>
<p>我需要在CSS中写什么来实现-</p>
<blockquote>
<p>p { 背景颜色：黄色； }</p>
</blockquote></p>
你不能通过点击另一个元素来改变元素的属性，但是可以通过JavaScript来实现。只需在你的
<body>标签的末尾添加<script>标签，并在<a>标签上添加onclick()事件：<body> <a href="#p4" onclick="changeColor()">跳转到P4</a> <p id="p4">我是P4</p> <script> function changeColor() { document.getElementById("p4").style.backgroundColor = "yellow"; } </script> </body>