我有兩個相同類但內容不同的按鈕
<a class="button ordrViewBtn">Sold Out</a>
<a class="button ordrViewBtn">Re-Sell</a>
我想更改售罄按鈕的顏色。是否可以使用其內容定位按鈕？
uj5u.com熱心網友回復：
你可以這樣做
更新代碼；
CASE-1：如果您只想為所有按鈕著色
const buttons = document.querySelectorAll("a.ordrViewBtn");
for (let i = 0; i < buttons.length; i ) {
buttons[i].style.color = "green";
} <a class="button ordrViewBtn">Sold Out</a>
<a class="button ordrViewBtn">Re-Sell</a>
<a class="button ordrViewBtn">Button3</a>
<a class="button ordrViewBtn">Button4</a>CASE-2：如果你只想Sold Out給按鈕上色
const buttons = document.querySelectorAll("a.ordrViewBtn");
for (let i = 0; i < buttons.length; i ) {
if (buttons[i].innerHTML === "Sold Out")
{
buttons[i].style.color = "green";
buttons[i].style.backgroundColor = "yellow";
}
}<a class="button ordrViewBtn">Sold Out</a>
<a class="button ordrViewBtn">Re-Sell</a>
<a class="button ordrViewBtn">Sold Out</a>
<a class="button ordrViewBtn">Re-Sell</a>
<a class="button ordrViewBtn">Sold Out</a>
<a class="button ordrViewBtn">Re-Sell</a>
<a class="button ordrViewBtn">Sold Out</a>uj5u.com熱心網友回復：
<a class="button ordrViewBtn" id="ordrViewBtn">Sold Out</a>
alert($("#ordrViewBtn").text());
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/425240.html
上一篇：我的按鈕卡在Y/垂直軸上
下一篇：螢屏4個角落的4個按鈕