如何使用CSS在HTML頁面中點擊連結後改變段落的背景顏色
P粉311423594
P粉311423594 2023-09-02 00:38:08
0
1
633
<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粉311423594

全部回覆(1)
P粉286046715

你不能點選另一個元素來改變元素的屬性,但可以透過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>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板