Javascript 如何在html中提取特定json的内容?

Javascript 如何在html中提取特定json的内容?,javascript,html,Javascript,Html,我试图从HTML头部提取特定的JSON,如下所示 我试过两种方法的结合 $(".article-body") 及 都没有太多的运气-有人可以看看,看看什么是最好的解决方案 您需要获取对脚本元素的引用,然后访问其innerText属性。查看以下代码段: //按id从脚本元素获取内部文本 让scriptElem=document.getElementById('json-data'); //或者通过标签名 //确保从元素数组中选择正确的元素 //要完成此操作,您可以检查(scriptElem.t

我试图从HTML头部提取特定的JSON,如下所示

我试过两种方法的结合

$(".article-body")

都没有太多的运气-有人可以看看,看看什么是最好的解决方案


您需要获取对
脚本
元素的引用,然后访问其
innerText
属性。查看以下代码段:

//按id从脚本元素获取内部文本
让scriptElem=document.getElementById('json-data');
//或者通过标签名
//确保从元素数组中选择正确的元素
//要完成此操作,您可以检查(scriptElem.type=='application/ld+json')
//让scriptElem=document.getElementsByTagName('script');
//将其解析为JSON
让parsedJson=JSON.parse(scriptElem.innerText);
console.log(parsedJson)

{
“一些”:“数据”
}
来自脚本标记的JSON

您需要获取对
脚本
元素的引用,然后访问其
innerText
属性。查看以下代码段:

//按id从脚本元素获取内部文本
让scriptElem=document.getElementById('json-data');
//或者通过标签名
//确保从元素数组中选择正确的元素
//要完成此操作,您可以检查(scriptElem.type=='application/ld+json')
//让scriptElem=document.getElementsByTagName('script');
//将其解析为JSON
让parsedJson=JSON.parse(scriptElem.innerText);
console.log(parsedJson)

{
“一些”:“数据”
}
来自脚本标记的JSON
试试这个:

// [0] get the first script tag with type 'application/ld+json'
JSON.parse($("script[type='application/ld+json']")[0].textContent)
试试这个:

// [0] get the first script tag with type 'application/ld+json'
JSON.parse($("script[type='application/ld+json']")[0].textContent)

为什么不把这个对象赋给一个变量呢?我已经试过了,但运气不好,所以我非常感谢你的帮助,伙计!)检查我的答案。希望能有帮助。为什么不把这个对象赋给一个变量呢?我已经尝试过了,但运气不好-所以任何帮助都将不胜感激,伙计!:)检查我的答案。希望能有帮助。