Heim  >  Fragen und Antworten  >  Hauptteil

So ändern Sie mit CSS die Hintergrundfarbe eines Absatzes, nachdem Sie auf einen Link auf einer HTML-Seite geklickt haben

<p>Kann ich die Hintergrundfarbe eines Absatzes ändern, wenn ich auf einen Link auf der Seite klicke? </p> <blockquote> <pre class="brush:php;toolbar:false;"><a href="#p4">Springe zu P4</a> <p id="p4">Ich bin P4</p></pre> </blockquote> <p>Was muss ich in CSS schreiben, um dies zu erreichen -</p> <blockquote> <p>p {Hintergrundfarbe: gelb }</p> </blockquote></p>
P粉311423594P粉311423594389 Tage vor488

Antworte allen(1)Ich werde antworten

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

    Antwort
    0
  • StornierenAntwort