CODEWITHSUNDEEP
javascriptangularjs-ng-style
Shimul D
Shimul D

Reputation: 443

JavaScript Get specific span value "ng-style"

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.

Upvotes: 0

Views: 98

Answers (1)

DCR
DCR

Reputation: 15657

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>

Upvotes: 1

Related Questions