Извлечение JSON из исходного кода HTML в JavaScript

Question

Я нахожусь в процессе создания простого плагина Greasemonkey, который должен выполнять действие X в зависимости от «значения» в источнике страницы. В частности, ниже я хотел бы получить значение «*»:

<script type="application/ld+json">
[
    {
      "value": "PEAR"
    }
]
</script>

В этом случае чтение PEAR для переменной. После этого занимаюсь логикой.

Есть ли подход в Javascript, который бы работал, так как это значение не обязательно «показывается» на странице.

Answer 1

Вам потребуется получить текстовое содержимое тега сценария и преобразовать его в массив с помощью JSON.parse ()

var txt = document.querySelector('script[type="application/ld+json"]').textContent
var arr = JSON.parse(txt)
console.log(arr[0].value)

<script type="application/ld+json">
[
    {
      "value": "PEAR"
    }
]
</script>