我在一页上有两个完全相同的按钮。
为什么？-我使用WordPress，我需要一个由插件生成的按钮在某个位置，所以我复制了按钮的HTML并将其放置在该位置，我用“display：none”隐藏了原始按钮。有什么问题？
在移动的上按钮的功能不起作用，但它在PC上。
问题-即使原始按钮被隐藏，重复的ID是否是问题所在？
目前我有点不知道如何解决这个问题，因为我不想接触插件的代码，如果我改变了按钮的ID，功能可能不会工作。
qojgxg4l1#
是的，在一个页面上有两个具有相同ID的按钮可能会导致问题。ID应该是唯一的。如果您使用文档。getElementById（）它只返回第一个按钮，而不是所有按钮
ssgvzors2#
是的，在一个页面上有两个具有相同ID的相同按钮可能会导致问题，即使其中一个被隐藏。ID在页面上应该始终是唯一的，以确保HTML有效，并且JavaScript按预期运行。当您复制按钮的HTML并将其放置在页面上的不同位置时，您还应该将复制按钮的ID更改为唯一的ID。您还可以更新任何引用原始按钮ID的JavaScript或CSS，以指向新的唯一ID。如果你不想修改插件的代码，你可以尝试使用一个类而不是一个ID来设置按钮的样式和位置。这将允许您拥有多个具有相同类名的按钮，而不会导致冲突。但是，您仍然需要确保与按钮交互的任何JavaScript使用正确的类名。在任何情况下，重要的是在您的页面上有唯一的ID，以避免像您遇到的问题。
xzabzqsa3#
一般来说，这是一个问题。因为ID意味着它应该是唯一的。你应该使用class来代替，为什么它不工作，我强烈相信这是因为你通过getElementByID访问这个buitton，也许你总是得到隐藏按钮。因此，让我们检查javascritp，如果按钮，你得到了，是隐藏或没有之前，你会做任何互动。我希望它能帮助你。
3条答案
按热度按时间qojgxg4l1#
是的，在一个页面上有两个具有相同ID的按钮可能会导致问题。ID应该是唯一的。
如果您使用文档。getElementById（）它只返回第一个按钮，而不是所有按钮
ssgvzors2#
是的，在一个页面上有两个具有相同ID的相同按钮可能会导致问题，即使其中一个被隐藏。ID在页面上应该始终是唯一的，以确保HTML有效，并且JavaScript按预期运行。
当您复制按钮的HTML并将其放置在页面上的不同位置时，您还应该将复制按钮的ID更改为唯一的ID。您还可以更新任何引用原始按钮ID的JavaScript或CSS，以指向新的唯一ID。
如果你不想修改插件的代码，你可以尝试使用一个类而不是一个ID来设置按钮的样式和位置。这将允许您拥有多个具有相同类名的按钮，而不会导致冲突。但是，您仍然需要确保与按钮交互的任何JavaScript使用正确的类名。
在任何情况下，重要的是在您的页面上有唯一的ID，以避免像您遇到的问题。
xzabzqsa3#
一般来说，这是一个问题。因为ID意味着它应该是唯一的。你应该使用class来代替，为什么它不工作，我强烈相信这是因为你通过getElementByID访问这个buitton，也许你总是得到隐藏按钮。因此，让我们检查javascritp，如果按钮，你得到了，是隐藏或没有之前，你会做任何互动。我希望它能帮助你。