javascript - 在 JavaScript 中从 HTML 源中提取 JSON

Question

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

<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>