querySelectorAll

<style>.pcss{color:red}</style> <pre> <span class="pcss"><<!>span class="pcss"><<!>/span></span> <span class="pcss"><<!>span class="pcss"><<!>/span></span> <span class="pcss"><<!>span class="pcss"><<!>/span></span> </pre> <input onclick="Ccolor(1)" type="button" value="red" class="inred"> <input onclick="Ccolor(2)" type="button" value="red" class="inyellow"> <script> function Ccolor(x){ var cc = document.querySelectorAll('.pcss'); if(x==2){ cc.forEach(el => { el.style.color = 'blue';}); } if(x==1){ cc.forEach(el => { el.style.color = 'red';}); } } </script> <style> .pcss{color:red} .inyellow{color:blue;width:120px} .inred {color :red;width:120px} </style> <pre> <<!>input onclick="Ccolor(1)" type="button" value="red" class="inred"> <<!>input onclick="Ccolor(2)" type="button" value="red" class="inyellow"> <<!>script> function Ccolor(x){ var cc = document.querySelectorAll('.pcss'); if(x==2){ cc.forEach(el => { el.style.color = 'blue';});} if(x==1){ cc.forEach(el => { el.style.color = 'red';}); } } <<!>/script> cc=document.querySelectorAll('pcss') cc 選取網頁中所有符合指定 CSS 選擇器的元素， 傳一個清單（NodeList）。 cc.forEach(el => { el.style.color = 'blue';}) 这是 JavaScript 数组或列表的循环方法, 在循环的过程中，把当前正在处理的那个元素临时命名为 el（代表 element/元素）。 </pre>

00

Edit