在JavaScript中从HTML源中提取JSON

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>