Javascript 更改类名称的函数出现问题

所以我有一个函数，如果点击一个按钮，它会将一个类名更改为另一个类名，然后我有另一个函数，它会得到更改后的类名，并在类更改后接收该元素，但我得到的是未定义的元素，而不是我要查找的元素，我不知道为什么。除此之外，我想问你们，是否有可能在本地存储中添加密钥高于我得到的最高密钥的项目，想象一下，我有一个项目有（1，“John”），下一个项目有密钥2？ Html:

---

button类更改代码没有任何错误，下面未修改的JavaScript不会出错

请包括您遇到的实际错误的更多具体细节

函数大小按钮样式（el）{
变量大小=el
如果（el.id='xs'）{
document.getElementById（'xs'）.className=“单击的大小按钮”；
document.getElementById（'s'）.className=“未勾选大小按钮”；
document.getElementById（'m'）.className=“未勾选大小按钮”；
document.getElementById（'l'）.className=“未勾选大小按钮”；
document.getElementById（'xl'）.className=“未勾选大小按钮”；
}
如果（el.id='s'）{
document.getElementById（'xs'）.className=“未点击的大小按钮”；
document.getElementById（'s'）.className=“单击大小按钮”；
document.getElementById（'m'）.className=“未勾选大小按钮”；
document.getElementById（'l'）.className=“未勾选大小按钮”；
document.getElementById（'xl'）.className=“未勾选大小按钮”；
}
如果（el.id='m'）{
document.getElementById（'xs'）.className=“未点击的大小按钮”；
document.getElementById（'s'）.className=“未勾选大小按钮”；
document.getElementById（'m'）.className=“单击大小按钮”；
document.getElementById（'l'）.className=“未勾选大小按钮”；
document.getElementById（'xl'）.className=“未勾选大小按钮”；
}
如果（el.id='l'）{
document.getElementById（'xs'）.className=“未点击的大小按钮”；
document.getElementById（'s'）.className=“未勾选大小按钮”；
document.getElementById（'m'）.className=“未勾选大小按钮”；
document.getElementById（'l'）.className=“单击大小按钮”；
document.getElementById（'xl'）.className=“未勾选大小按钮”；
}
如果（el.id='xl'）{
document.getElementById（'xs'）.className=“未点击的大小按钮”；
document.getElementById（'s'）.className=“未勾选大小按钮”；
document.getElementById（'m'）.className=“未勾选大小按钮”；
document.getElementById（'l'）.className=“未勾选大小按钮”；
document.getElementById（'xl'）.className=“单击大小按钮”；
}
}

.unclicked\u size\u按钮{
填充：0.5雷姆；
}
。单击“大小”按钮{
填充：0.5rem 2rem；
}

XS
s
M
L
XL

哪个元素访问尝试导致未定义的错误，特别是？您有

product\u name

和

price

类名，但没有使用它们的HTML。“unclicked\u size\u按钮”是其中之一问题是我的文档。getElementbyclassname（'clicked\u size\u按钮'）不起作用您提供的代码不包含

文档。getElementsByClassName（'clicked\u size\u按钮'）

，使诊断您的问题变得非常困难。

<button id="xs" onclick="SizeButtonStyle(this)"
  class="unclicked_size_button"><b>XS</b></button>
<button id="s" onclick="SizeButtonStyle(this)"
  class="unclicked_size_button"><b>S</b></button>
<button id="m" onclick="SizeButtonStyle(this)"
  class="unclicked_size_button"><b>M</b></button>
<button id="l" onclick="SizeButtonStyle(this)"
  class="unclicked_size_button"><b>L</b></button>
<button id="xl" onclick="SizeButtonStyle(this)"
  class="unclicked_size_button"><b>XL</b></button>