如何在Vanilla JS中的div中定位对象

Question

我正在尝试将一段数据放入javascript变量中，但我不知道如何定位它。数据位于div一部分的对象中。这是它在html页面中的外观

我突出显示了我要定位的项目。

这就是我正在尝试（失败）的事情：

let dataDiv = document.querySelector(" .bc-product-form__options  > div : data-variants");
console.log( dataDiv : data-variants);

如何将该对象放入js变量中？

Answer 1

您可以通过适当的属性选择div（在这种情况下，您需要if($likes >= 1000000) { $result = ($likes / 1000000) . 'M'; } elseif($likes >= 1000) { $result = ($likes / 1000) . 'K'; } ，然后使用data-js="product-variants-object"和getAttribute来检索和解析数据。

JSON.parse

let div = document.querySelector('div[data-js="product-variants-object"]');
let data = JSON.parse(div.getAttribute('data-variants'));
console.log(data);