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