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得到"Credit Card"return

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>

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

JavaScript Get specific span value "ng-style"

javascript

angularjs-ng-style