首页  >  问答  >  正文

如何使用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粉311423594P粉311423594437 天前536

全部回复(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>

    回复
    0
  • 取消回复