单击html页面中的链接后如何更改css中的段落背景颜色

【问题标题】：How to change paragraph background-color in css after click on link in html page单击html页面中的链接后如何更改css中的段落背景颜色
【发布时间】：2022-09-25 03:28:25
【问题描述】：

当我点击页面中的链接时，我可以更改段落的背景颜色吗？

<a href=\"#p4\">Go to P4</a>

<p id=\"p4\">I\'m P4</p>
我需要用css写什么来得到 -

p { 背景颜色：黄色； }

标签： html css

【解决方案1】：

您不能通过使用 CSS 单击另一个元素来更改元素的属性，但可以使用 JavaScript。只需将<script> 标签添加到您的<body> 和onclick() 到<a> 的末尾：

<body>
    <a href="#p4" onclick="changeColor()">Go to P4</a>
    <p id="p4">I'm P4</p>

    <script>
      function changeColor() {
      document.getElementById("p4").style.backgroundColor = "yellow";
      }
    </script>
</body>

【讨论】：