首頁 > 問答 > 主體

如何使用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 天前538

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

回覆

取消回覆