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

【问题标题】：JavaScript Get specific span value "ng-style"JavaScript 获取特定的跨度值“ng-style”
【发布时间】：2020-07-13 15:49:30
【问题描述】：

代码是：

<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 用作值更改。

【问题讨论】：

你想要第一个 span 的 innerHTML 吗？
@DCR Thous 是折叠中的项目。我想检查innerHTML并单击该项目以将其选中。
@DCR 感谢您抽出宝贵时间。我需要一些不同的东西。我已经更新了帖子，你能再看看吗？

标签： javascript angularjs-ng-style

【解决方案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>

【讨论】：

抱歉，我的问题不清楚。我想参考第一个。像 var payment_Method= document 或任何方法，所以我可以使用像 payment_Method.innerHTML 来获得“信用卡”回报
答案已更新。让我知道这是否是你要找的。span>
试过这个方法 document.getElementsByClassName('ng-binding');。有超过 1000 个 ng-binding 类，并且 Credit Card [0] 值的位置每次都在变化。在实际代码中有时 [33]、[87] 等。所以我不能使用它。
您需要提供问题的完整描述。你能提供网站链接吗？你知道你想要获取以 Credit Card 作为 innerHTML 的元素吗？
我已经更新了我的答案，如果这就是你要找的，请告诉我。