Javascript 已删除类并希望将其添加回

我编写了一个简单的javascript“清理购物清单”代码

我可以删除购物清单并添加两条消息： 一个说购物清单已经被清除，一个弹出一个按钮，询问这是否是一个错误，你想撤销你的更改

现在我的问题是，当你按下“撤消”按钮时，类不会被添加回来

//javascript
var shoppingList=document.querySelector（“.shoppingCart”）；
var-toggleButton=document.querySelector（“button.showList”）；
var clearedBox=document.querySelector（“.clearedBox”）；
var clearedUndo=document.querySelector（“button.clearedUndo”）；
//切换购物车
toggleButton.addEventListener（“单击”，（）=>{
shoppingList.remove（“.shoppingCart”）；
clearedBox.style.display=“block”；
toggleButton.remove（“button.showList”）；
});
//撤消删除
clearedUndo.addEventListener（“单击”，（）=>{
clearedUndo.createClass（“.shoppingCart”）；
});
html，正文{
保证金：0；
填充：0；
左边距：30px；
}
.clearedBox{
显示：无；
}
.clearedMessage{
背景：#D66A68；
颜色：白色；
填充：10px；
宽度：260px；
文本对齐：居中；
边界半径：10px；
}
克利雷东多先生{
背景：#1C77C3；
颜色：白色；
填充物：5px；
宽度：225px；
边界半径：5px；
文本对齐：居中；
字体大小：12px；
}

index.html
显示

牛奶
蛋
果汁
面食
水
甜甜圈

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos et accusam et

您的购物车现在已被清除
意外的撤消找你的钱！
问题

不要使用
元素。删除
。因为如果撤消操作，则不存在任何元素。或者，您可以使用

//javascript
var shoppingList=document.querySelector（“.shoppingCart”）；
var-toggleButton=document.querySelector（“button.showList”）；
var clearedBox=document.querySelector（“.clearedBox”）；
var clearedUndo=document.querySelector（“button.clearedUndo”）；
//切换购物车
toggleButton.addEventListener（“单击”，（）=>{
shoppingList.classList.toggle（'hide'）
clearedBox.classList.toggle（'show'）
//toggleButton.remove（“button.showList”）；
});
//撤消删除
clearedUndo.addEventListener（“单击”，（）=>{
shoppingList.classList.toggle（'hide'）
clearedBox.classList.toggle（'show'）
});
html，
身体{
保证金：0；
填充：0；
左边距：30px；
}
.clearedBox{
显示：无；
}
.隐藏{
显示：无；
}
.表演{
显示：块；
}
.clearedMessage{
背景：#D66A68；
颜色：白色；
填充：10px；
宽度：260px；
文本对齐：居中；
边界半径：10px；
}
克利雷东多先生{
背景：#1C77C3；
颜色：白色；
填充物：5px；
宽度：225px；
边界半径：5px；
文本对齐：居中；
字体大小：12px；
}

index.html
显示

牛奶
蛋
果汁
面食
水
甜甜圈

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos et accusam et

您的购物车现在已被清除
意外的撤消找你的钱！
一旦删除它，它就消失了，如果你想用JavaScript把它放回去，那么所有的标记都需要重新插入，所以我会考虑只需要隐藏和显示元素，将JS改为：
var shoppingList = document.querySelector(".shoppingCart");
var toggleButton = document.querySelector("button.showList");
var clearedBox = document.querySelector(".clearedBox");
var clearedUndo = document.querySelector("button.clearedUndo");

//Toggle Shopping Cart
toggleButton.addEventListener("click", () => {
    shoppingList.style.display = "none";
    clearedBox.style.display = "block";
    toggleButton.style.display = "none";
});

//Undo Removal
clearedUndo.addEventListener("click", () => {
    shoppingList.style.display = "block";
    clearedBox.style.display = "none";
    toggleButton.style.display = "block";
});

这是不是
React.createClass（）
？因为普通DOM元素没有createClass方法。建议更新您的问题，以明确这是一个react项目。这也会提示问题，因为afaik，
React.createClass（）
不是添加到元素中的，而是React对象的静态。并且react不会导入到代码中。