javascript - 一种在范围内查找文本的方法

Question

这个问题已经有答案了:

How can get the text of a div tag using only javascript (no jQuery) (4 个回答)

已关闭 6 年前。

有没有办法获取位于 div 内的跨度内的文本，其中唯一的标识符是类名？谢谢

    <div class="popup-footer-btns-wrapper"> <!-- ngIf: popup.buttons.OK -->
    <button sf-button="" sf-name="popup-ok" ng-if="popup.buttons.OK" ng-
    disabled="okLocked || popup.buttons.OK.disabled()" ng-click="ok()" ng-
    class="popup.buttons.OK.colour ? popup.buttons.OK.colour : 'grey'" 
    class="popup-footer-button ng-scope ng-isolate-scope sf-button sf-
    button-ext grey" style="">
    <span class="sf-button-ext__content"><ng-
    transclude>Apply</ng-transclude></span>
    </button><!-- end ngIf: 
    popup.buttons.OK --> <button sf-name="popup-cancel" class="popup-footer-
    button sf-link underline ng-binding" ng-click="cancel()">Cancel</button> 
    </div>

Answer 1

借助以下行，您将获得span sf-button-ext__content的text

document.getElementsByClassName('sf-button-ext__content')[0].textContent;

尝试下面的 JavaScript，

window.onload = function() {
  var element = document.getElementsByClassName('sf-button-ext__content');
  console.log(element[0].textContent);
}

<div class="popup-footer-btns-wrapper">
  <!-- ngIf: popup.buttons.OK -->
  <button sf-button="" sf-name="popup-ok" ng-if="popup.buttons.OK" ng- disabled="okLocked || popup.buttons.OK.disabled()" ng-click="ok()" ng- class="popup.buttons.OK.colour ? popup.buttons.OK.colour : 'grey'" class="popup-footer-button ng-scope ng-isolate-scope sf-button sf-
    button-ext grey" style="">
    <span class="sf-button-ext__content"><ng-
    transclude>Apply</ng-transclude></span>
    </button>
  <!-- end ngIf: 
    popup.buttons.OK --><button sf-name="popup-cancel" class="popup-footer-
    button sf-link underline ng-binding" ng-click="cancel()">Cancel</button>
</div>