a way to find a text inside a span

Question

Is there a way to get a text inside a span that located inside a div where the only identifier is a class name? Thanks

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

you want text inside span tag that is located inside .popup-footer-btns-wrapper div? using js? — Talha Abrar, Jul 16 '17 at 09:10
basically i am using selenium and i need to get the text "Active" that is inside — Shay12345678, Jul 16 '17 at 09:35

Pawan Kumar · Answer 1 · 2017-07-16T16:20:41.800

With the help of below line, you will get the text of span sf-button-ext__content

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

Try the below 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>

a way to find a text inside a span

1 Answers1