Javascript starts with or contains

Question

Trying to get some help on some JavaScript we are trying to post accross multiple landing pages. We are sending values to hidden fields on a button click 'lp-pom-button-3'.

However, the ID changes depending on the page, but will always have the format 'lp-pom-button-' with the number potentially changing depending on the page. Is there a function similar to 'like' in SQL, or saying any button that starts with or contains 'lp-pom-button-" for this to be triggered on? Thanks for you help!

<script type="text/javascript">
document.getElementById('lp-pom-button-3').addEventListener(
'click', function(event) {
  ga(function() { 
    var tracker = ga.getAll()[0];
    var clientId = tracker.get('clientId');
    document.getElementById('GACLIENTID').value = clientId;
    var userId = tracker.get('userId'); 
    document.getElementById('GAUSERID').value = userId; 
  });
});

`document.querySelectorAll("[id^=lp-pom-button]").forEach(function() {... })` - same selector can be used in jQuery — mplungjan, May 21 '18 at 17:32
@dlatikay no. The question was a duplicate so I posted a suggestion while looking for a dupe to avoid answers - Titue did not see my comment — mplungjan, May 21 '18 at 17:36

Titus · Accepted Answer · 2018-05-21T17:37:35.980

2

You can use the css selector for attribute value contains.

[id*="lp-pom-button-"]

or attribute value starts with:

[id^="lp-pom-button-"]

In vanilla javascript you can access elements using css selector with querySelector or for getting a list of elements querySelectorAll.

Here is an example:

document.querySelector('[id^="lp-pom-button-"]');

And HERE is a list of all the browsers and browsers version that support this function.

edited May 21 '18 at 17:37

answered May 21 '18 at 17:33

Titus

22,031
1
23
33

1

The OP is using `getElementById`. May want to be specific about the method you are invoking here. – Kevin Boucher May 21 '18 at 17:34
See comment under question – mplungjan May 21 '18 at 17:38

Javascript starts with or contains

1 Answers1