从 JavaScript 中的 HTML 源中提取 JSON

Question

我正在构建一个简单的 Greasemonkey 插件，它应该根据页面源上的 'value' 执行 X 操作。具体来说，在下面，我想得到 'value':

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

在这种情况下，将 PEAR 读取到一个变量。此后，做一些逻辑。

Javascript 中是否有可行的方法，因为该值不一定 'shown' 在页面上。

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>

Extract JSON from HTML Source in JavaScript