访问数据集以获取值shopify

问题描述

在控制台记录变量时，我一直在努力访问特定值-本质上，我已经尝试过getAttribute方法.dataset，但仍未定义。我在下面贴了一张图片。但本质上是试图获取data-checkout-payment-due的价值。

Screenshot of console

    var children = document.getElementsByClassName('payment-due__price')[1].getAttribute("data-checkout-payment-due-target");
        console.log(children);

和

    var children = document.getElementsByClassName('payment-due__price').dataset["checkoutPaymentDueTarget"];
        console.log(children);

解决方法

这是您的问题的答案吗？

let dataValue = document.querySelector('.payment-due__price').getAttribute("data-checkout-payment-due-target");

console.log(dataValue);

<div class="payment-due__price" data-checkout-payment-due-target="XYZ"></div>