javascript - 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'}:{}"]) 来获得价值Credit Card，但我收到了不同的付款方式，因为所有跨度 ID 都是相同的。

编辑：

我的问题不清楚。我想参考第一个。

喜欢var payment_Method = document.querySelector或任何方法，所以我可以使用喜欢payment_Method.innerHTML获得“信用卡”回报

我怎样才能正确？也许循环或其他东西。

不能用户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>