简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
So ändern Sie mit CSS die Hintergrundfarbe eines Absatzes, nachdem Sie auf einen Link auf einer HTML-Seite geklickt haben
P粉311423594
P粉311423594 2023-09-02 00:38:08
0
1
532
<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粉311423594
P粉311423594

Antworte allen(1)
P粉286046715
P粉2860467152023-09-02 19:39:28 1 Etage

你不能通过点击另一个元素来改变元素的属性，但是可以通过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>
Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！