javascript - 使用 javascript 获取 HTML DOM 上数据集中第一个对象的值

Question

所以我有一个像这样的 DOM:

<div data-info="{"partnerLink":"https://bing.com","fillColor":"rgba(10,91,144,1)"}"></div>

有没有办法在JS中获取partnerLink的值(在本例中是 https://bing.com )？

我知道拥有 data-partnerLink 和 data-fillColor 会更好，但这就是我现在所拥有的。

Answer 1

修复对象。您使用的引号是错误的。使用 querySelector 访问元素并使用 getAttribute 获取属性。使用点符号打印对象属性

var a=document.querySelector('div')
var b=a.getAttribute('data-info');
console.log(JSON.parse(b).partnerLink)

<div data-info='{"partnerLink":"https://bing.com","fillColor":"rgba(10,91,144,1)"}'></div>