Is there a way to access JSON-LD via JavaScript if it doesn't have an ID?

Question

I am trying to access the content in eventbrite emails that I receive but the html code doesn't have an ID associated to the JSON-LD script. So is there a way to still access this data? If so, how?

Is it possible to perhaps attach a temporary id to the JSON-LD script tag so that I can access the data? If so, how?

Welcome to Stack Overflow. [Read here](http://stackoverflow.com/help/mcve) for more information about how to create a Minimal, Complete and Verifiable question. — Toby, Jul 27 '16 at 02:12
Unor, when I searched the internet the examples all showed using ID so wasn't sure how to access it without using ID. — Prachy Mohan, Jul 29 '16 at 00:07

Markus Lanthaler · Answer 1 · 2016-07-30T21:23:11.543

33

You can get all JSON-LD blocks with

 document.querySelectorAll('script[type="application/ld+json"]');

or just the first one with

document.querySelector('script[type="application/ld+json"]');

Here's a full example:

var jsonld = JSON.parse(document.querySelector('script[type="application/ld+json"]').innerText);
document.getElementById('result').innerText = jsonld.endDate;

<html>
  <head>
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "Event",
        "name": "A random event",
        "startDate": "2013-09-14T21:30",
        "endDate": "2013-09-14T21:30"
      }
    </script>
  </head>
  <body>
    <p>The end date is: <strong id="result"></strong></p>
  </body>
</html>

edited Jul 30 '16 at 21:23

answered Jul 27 '16 at 20:29

Markus Lanthaler

3,683
17
20

Markus, thanks for the suggestion! However, I am getting a syntax error when I use var emailDate = document.querySelectorAll('script[type="application/ld+json"]'); – Prachy Mohan Jul 29 '16 at 00:02
Also, once I've selected the entire json ld then do I just use email.Date. endDate to access the data in the json ld? (the "endDate" is the parameter I want access to) – Prachy Mohan Jul 29 '16 at 00:03
1

I've updated my answer to include a complete, runnable example – Markus Lanthaler Jul 30 '16 at 21:23
Not getting in case instagram – Erselan Khan May 27 '23 at 14:54

score 2 · Answer 2 · edited Dec 09 '16 at 09:14

function myFunction() {
    var todayDate = new Date();
    var label = GmailApp.getUserLabelByName("eventbrite");
    var threads = label.getThreads();


    for  (var i = 0; i < threads.length; i++) {
        threads[i].getMessages()[i].getBody().forEach(
            var jsonld = JSON.parse(document.querySelector('script[type="application/ld+json"]').innerText);
            document.getElementById('result').innerText = jsonld.endDate;

      if (jsonld.endDate > todayDate){
        threads[i].markUnread();
      } 
    )
  }
}

Is there a way to access JSON-LD via JavaScript if it doesn't have an ID?

2 Answers2

Linked

Related