Get all elements....

Pure JavaScript

by Sparrow Squire

HTML

<p data-phoneNumber>Test One</p>
<p>Test Two</p>
<p>Test Three</p>
<p data-phoneNumber></p>
<p>Test Four <span data-phoneNumber></span></p>
<p data-phoneNumber="hv1"></p>
<p data-phoneNumber="hv2"></p>
<p data-phoneNumber="hv1"></p>
<p data-phoneNumber="hv2"></p>
<div>
  Test Five 
  <div data-phoneNumber></div>
</div>
<div>
  Test six
  <span data-phoneNumber></span>
</div>

JavaScript

var phoneNumber = document.querySelectorAll('[data-phoneNumber]');

for (var i in phoneNumber) {    
    //option one
    //phoneNumber[i].innerHTML = "01422 000 000";
    
    //option two
    if (phoneNumber.hasOwnProperty(i)) {
        phoneNumber[i].innerHTML = phoneNumber[i].getAttribute('data-phoneNumber');
    }
}