JavaScript 获取特定跨度值 "ng-style"

Question

代码是:

<span ng-style="item.disable_method?{'opacity':'.5'}:{}" class="ng-binding">Credit Card</span>
<span ng-style="item.disable_method?{'opacity':'.5'}:{}" class="ng-binding">Debit Card</span>

还有许多类似的跨度。

我想使用 document.querySelector(span[ng-style="item.disable_method?{'opacity':'.5'}:{}"]) 获取值 信用卡，但我收到了不同的付款方式，因为所有跨度 ID 都相同。

编辑:

我的问题不清楚。我想获得第一个的引用。

像var payment_Method = document.querySelector或任何方法，这样我就可以使用 payment_Method.innerHTML来获得“信用卡”返回

How can i get it correct? maybe loop or something.

无法使用 document.getElementsByClassName('ng-binding')[Change_Able_Value].innerText 作为值更改。

Answer 1

var classes=document.getElementsByClassName('ng-binding');
var element;
for(let i = 0;i<classes.length;i++){
   console.log(i);
   if(classes[i].innerHTML == "Credit Card")element = classes[i];
}
console.log(element.innerHTML);

<span ng-style="item.disable_method?{'opacity':'.5'}:{}" class="ng-binding" >Credit Card</span>
<span ng-style="item.disable_method?{'opacity':'.5'}:{}" class="ng-binding" >Debit Card</span>