0

I have html page with elements:

<div id="location-id" class="form-control">
      <span class="hub-trigger" data-hub-recordid="28">Germany</span>
</div>

I use var element= document.getElementById('location-id') to get html element. Please tell me how can i get 28 from the span ? I have tried to use var id = element.getElementByTagName('data-hub-recordid') with val(), text(), innerText() at the end but it didn't work as i expected.

Uladz Kha
  • 2,154
  • 4
  • 40
  • 61
  • The tag name is span! – Quentin Jul 31 '19 at 11:58
  • 1
    @DevsiOdedra — jQuery doesn't make it any easier than standard DOM. – Quentin Jul 31 '19 at 12:00
  • 1
    So many ways - getElements is PLURAL though: `document.getElementsByTagName('span')[0].getAttribute("data-hub-recordid")` ... `document.getElementsByClassName('hub-trigger')[0].getAttribute("data-hub-recordid")` ... `document.querySelector("[data-hub-recordid]").getAttribute("data-hub-recordid")` – mplungjan Jul 31 '19 at 12:03

1 Answers1

1

Try it

document.querySelector('.hub-trigger').getAttribute('data-hub-recordid')

or it

const parent = document.querySelector('#location-id');
const child = parent.querySelector('.hub-trigger');

const recordid = child.getAttribute('data-hub-recordid');
an_parubets
  • 589
  • 7
  • 15