回到首頁
李明哲多媒體寫作教學

2020年4月18日 星期六

對所有選出的元素進行變化




選出所有你想選出的元素,然後又一一的對這些元素進行變化。在 javascript 中,你要寫程式才能對一一元素來進行變化。

Hello World!

Hello You!

Click the button to change the color of all p elements.


# 按我回復



語法:

<style>
.sall {
padding: 1em;
border: 1px solid gray;
}
</style>

<p class="sall">Hello World!</p>

<p class="sall">Hello You!</p>

<p class="sall">Click the button to change the color of all p elements.</p>

<button onclick="myFunction()">按我全部的P變紅色</button>

<script>
function myFunction() {
  var myCollection = document.querySelectorAll("p.sall");
  var i;
  for (i = 0; i < myCollection.length; i++) {
    myCollection[i].style.color = "red";
  }
}
</script>





沒有留言:

張貼留言