JavaScript 获取特定的跨度值“ng-style”

Question

Code is:

<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>

And many similer span.

I want to use document.querySelector(span[ng-style="item.disable_method?{'opacity':'.5'}:{}"] ) to get value Credit Card but i am receiving something different payment method as all the span id is same.

Edit:

My question was not clear. I want to get a reference to the first one.

Like var payment_Method = document.querySelector or any method so i can use like payment_Method.innerHTML to get "Credit Card" return

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

can't user document.getElementsByClassName('ng-binding')[Change_Able_Value].innerText as value change.

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>