首页 > 问答 > 正文

如何使用CSS在HTML页面中点击链接后改变段落的背景颜色

<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>

P粉311423594

P粉311423594439 天前537

全部回复(1)我来回复

P粉286046715

P粉2860467152023-09-02 19:39:28

你不能通过点击另一个元素来改变元素的属性，但是可以通过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>

回复

取消回复