在JavaScript中从HTML源中提取JSON

时间:2018-05-15 13:14:48

标签: javascript html greasemonkey

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

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

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

Javascript中是否有一种方法可以正常工作,因为该值不一定在页面上“显示”。

1 个答案:

答案 0 :(得分:3)

您需要获取脚本标记的文本内容并使用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>