在javascript中单击没有按钮id的按钮_Javascript_Html_Button

在javascript中单击没有按钮id的按钮

javascript html button

在javascript中单击没有按钮id的按钮,javascript,html,button,Javascript,Html,Button,我试图自动点击一个网站上的按钮。唯一的问题是，按钮的HTML如下所示（请注意，这不是我试图单击的确切按钮，它只是许多按钮的真实示例）：继续显然，这个按钮没有ID，所以我不知道如何“点击”它。有没有办法使用类名，或者有没有办法编写javascript来编辑HTML并为按钮添加ID 提前谢谢你的帮助路易 PS上面按钮的链接是，这是您将看到的第一个标记为“继续”的按钮。您可以使用document.querySelector使用任何CSS选择器来选择JS中的元素，例如： document.que

我试图自动点击一个网站上的按钮。唯一的问题是，按钮的HTML如下所示（请注意，这不是我试图单击的确切按钮，它只是许多按钮的真实示例）：

继续

显然，这个按钮没有ID，所以我不知道如何“点击”它。有没有办法使用类名，或者有没有办法编写javascript来编辑HTML并为按钮添加ID

提前谢谢你的帮助

路易

PS上面按钮的链接是，这是您将看到的第一个标记为“继续”的按钮。

您可以使用

document.querySelector

使用任何CSS选择器来选择JS中的元素，例如：

document.querySelector(".Ghost-btn").click();
阅读更多关于这方面的信息

这还允许您以其他方式选择按钮，例如：

document.querySelector("button[type=\"submit\"]").click();

也有效。
您可以使用
document.querySelector
使用任何CSS选择器来选择JS中的元素，例如：

document.querySelector(".Ghost-btn").click();
阅读更多关于这方面的信息

这还允许您以其他方式选择按钮，例如：

document.querySelector("button[type=\"submit\"]").click();

ID也是有效的。
ID只是识别任何DOM元素的简便方法。为此，可以使用文档特有的其他属性或一组属性
例如，示例中的“type”，如果这是“submit”类型的唯一输入
或者，如果有多个“提交”按钮，您可以使用
type=“submit”
和
class=“Ghost btn”
甚至按钮的文本。
ID只是识别任何DOM元素的简便方法。为此，可以使用文档特有的其他属性或一组属性
例如，示例中的“type”，如果这是“submit”类型的唯一输入或者，如果有多个“提交”按钮，您可以使用
type=“submit”
和
class=“Ghost btn”
甚至按钮文本。
您可以使用

document.getElementsByClassName（“Ghost btn”）
document.getElementsByTagName（“Button”）
但请确保可能有多个组件，因此必须选择正确的组件。
您可以使用

document.getElementsByClassName（“Ghost btn”）
document.getElementsByTagName（“Button”）

但请确保可能有多个组件，因此必须选择正确的组件。
如果是第一个按钮，则可以获取所有按钮并使用该数组的第一个元素
文档。querySelector（'.Ghost btn'）。单击（）
。这里的答案是正确的，但即使精度很高，您可以在浏览器的开发者工具中选择按钮，并选择类似“复制css选择器”的内容，这将为该元素提供更长且唯一的选择器（可能是something>something>something.Ghost-btn。如果它是第一个按钮，则可以获取所有按钮并使用该数组的第一个元素
document.querySelector（'.Ghost-btn'）。单击（）
正是您想要的。这里的答案是正确的，但为了获得更高的精度，您可以在浏览器的开发人员工具中选择按钮，并选择类似“复制css选择器”的内容，这将为该元素提供更长且唯一的选择器（可能是某物>某物>某物。Ghost-btn。谢谢你，它确实起作用了。我试过这个，但在类名之前没有“.”。只是出于兴趣，你怎么在页面上点击“大小”按钮，因为它们没有单独的类名。US 4是其中一个大小的代码。同样的事情也适用于代码f或者选择不同的国家/地区：英国有没有办法使用它们的名称单击按钮？标签名称是什么？再次感谢LouisSo，如果您使用相同的代码（例如
document.querySelector（“.Size”）
）它将始终选择该元素的第一个匹配项。例如，如果您一直想要第六个匹配项，则可以使用
document.querySelector（“.Size:nth child（6）”）
。否则，您可以使用
document.queryselectoral（.Size”）
使用
Size
类获取每个元素，然后循环遍历每个元素并从逻辑上选择一个元素，例如通过查看其文本内容等。如何使其根据文本内容选择大小？例如4@Louis如下所示：。神奇的一切都发生在
getByContents
函数中，其余的都是de莫。谢谢你，它确实起作用了。我试过这个，但是在类名之前没有“.”。只是出于兴趣，你怎么去点击页面上的“大小”按钮，因为它们没有单独的类名。US 4是其中一个大小的代码。同样的事情也适用于选择不同国家的代码：英国有吗使用名称单击按钮的方法？是什么标记名称？再次感谢LouisSo，如果您使用相同的代码（例如
document.querySelector（“.Size”）
），它将始终选择该元素的第一个匹配项。如果您一直想要第六个匹配项，则可以使用
document.querySelector（.Size:nth child（6）”）
。否则，您可以使用
document.querySelectorAll（“.Size”）
使用
Size
类获取每个元素，然后循环遍历每个元素并从逻辑上选择一个元素，例如通过查看其文本内容等。如何使其根据文本内容选择大小？例如4@Louis如下所示：。神奇的一切都发生在
getByContents
函数中，其余的都是de瞬间。