選出所有你想選出的元素,然後又一一的對這些元素進行變化。在 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>
沒有留言:
張貼留言