Question

我正在尝试创建购物车，以下是我需要遵循的步骤：步骤1：找到一种方法，只需单击一下按钮，即可将商品信息（例如价格和说明）从商品页面移至购买页面。enter code here 步骤2：找到一种从商品信息中提取价格并将其加在一起的方法。第3步：找到一种将价格加在一起然后从中删除税的方法吗？

因此，对于第1步：我正在使用getAttribute属性来标识要移至购买页面的信息，我认为getAttribute属性是移至购买页面上所有价格的最佳方式从项目页面开始，因此我需要找到一种方法来对localStorage的getAttribute属性进行设置。

到目前为止，我已经创建了测试HTML和js代码，以尝试将信息从一个HTML页面移动到另一HTML页面。

function ready() {
var First = document.getElementById('test');

First.getAttribute("data-price");
First.getAttribute("data-name");
First.getAttribute("data-description");
sessionStorage.data-price;
};


alert(sessionStorage.setItem("data-price",First))

function show(){

	sessionStorage.getItem(sessionStorage.setItem("data-price",First))
}

 <!DOCTYPE html>
<html>
<head>
</head>
<body>

  <script>
    show();
  </script>

  <script type="text/javascript" src="store.js"></script>


</body>
</html>

Answer 1

使用dataset获取data-属性的值。

function ready() {
    var First = document.getElementById("test");

    const price = First.dataset.price;
    const name = First.dataset.name;
    const description = First.dataset.description;

    sessionStorage.setItem("price", price);
    sessionStorage.setItem("name", name);
    sessionStorage.setItem("description", description);
}

function show() {
    const price = sessionStorage.getItem('price');
    alert(price);
 }

Answer 2

我认为可以通过以下方式完成：

function ready() {
    var First = document.getElementById('test');
    First.getAttribute("data-price");
    First.getAttribute("data-name");
    First.getAttribute("data-description");
    localStorage.setItem("data-price", JSON.stringify(First));
};

function show() {
    alert(localStorage.getItem("data-price"));
}

如何将getAttribute属性添加到localStorage

2 个答案: