如何获取该按钮的类名？解决类名绑定点击事件失败问题

你的代码无法运行主要有三个问题：

1. 使用了中文引号：代码里的“primary-btn text-uppercase”是中文双引号，JS引擎无法正确解析，必须换成英文双引号"primary-btn text-uppercase"。
2. getElementsByClassName的参数错误：这个方法只能接受单个类名作为参数，不能传入空格分隔的多个类名。你传入的"primary-btn text-uppercase"会被当成一个完整的类名去查找，而你的按钮是同时拥有primary-btn和text-uppercase两个独立类名，所以匹配不到。
3. 返回值是集合而非单个元素：getElementsByClassName返回的是HTMLCollection（类数组对象），即使找到元素，也不能直接调用.click()，需要通过索引（比如[0]）取出单个元素后再调用方法。

正确的实现方式 #

方式1：使用querySelector（推荐，支持多类选择器）

querySelector可以直接使用CSS选择器语法，同时匹配多个类名：

document.querySelector(".primary-btn.text-uppercase").click();

方式2：修正getElementsByClassName的用法

如果坚持用这个方法，只需要传入其中一个类名，再通过索引取第一个匹配的元素：

// 用primary-btn类查找
document.getElementsByClassName("primary-btn")[0].click();

// 或者用text-uppercase类查找
document.getElementsByClassName("text-uppercase")[0].click();

额外提示

如果页面中有多个相同类名的元素，要确保[0]对应的是你要操作的那个按钮；如果按钮是动态生成的，还需要确保代码在元素加载完成后再执行（比如放在DOMContentLoaded事件里，或者页面底部）。

内容的提问来源于stack exchange，提问作者Saifullahi Mannir