Javascript 使用jQuery修改表单按钮

我有一个按钮，如下所示：

<button type="submit" class="desktop-button tiny" onclick="document.stacks_in_3151032_page6.formAction.value = 'login';">LOGIN</button>

<button type="submit" class="desktop-button tiny" name="login_button" onclick="document.stacks_in_3151032_page6.formAction.value = 'login';">LOGIN</button>

我无法修改按钮的代码，因此我想知道是否可以使用jQuery或JavaScript向按钮添加名称？我希望按钮的外观如下所示：

<button type="submit" class="desktop-button tiny" onclick="document.stacks_in_3151032_page6.formAction.value = 'login';">LOGIN</button>

<button type="submit" class="desktop-button tiny" name="login_button" onclick="document.stacks_in_3151032_page6.formAction.value = 'login';">LOGIN</button>

---

您可以使用其类、.desktop button.tiny选择按钮

与设置name属性一起，这将导致：

jQuery：

$(".desktop-button.tiny").attr("name", "login_button");

$('.desktop-button.tiny').attr('name', 'login_button');

纯JavaScript：

document.querySelector(".desktop-button.tiny").setAttribute("name", "login_button");

---

首先需要获取元素，然后设置name属性

如果没有jquery，这将是：

<button id='my-button' type="submit" class="desktop-button tiny" onclick="document.stacks_in_3151032_page6.formAction.value = 1'login';">LOGIN</button>

document.getElementById('my-button').setAttribute('name', 'login_button');

---

希望这有所帮助。

您可以通过以下方式实现：

jQuery：

$(".desktop-button.tiny").attr("name", "login_button");

$('.desktop-button.tiny').attr('name', 'login_button');

或Javascript：

document.querySelector(".desktop-button.tiny").setAttribute("name", "login_button");

var addNameAttr=函数{ $'.desktop button.tiny'.attr'name'，'login_button'； console.log$'.desktop button.tiny'.attr'name'； }

---

登录您可以使用attr'name'，'login_按钮'；但是，这听起来像是一个XY问题。通过添加name属性，您试图解决的问题是什么？不是name，使用id.id=login-button。非常简单。document.querySelector？？？.setAttribute'name'，'login_按钮。但为了得到最好的答案，你需要提供更多的细节。你不想通过非常普通的类来选择这个按钮。所以，为了可靠地定位按钮，您需要将选择器基于HTML结构。这是一个登录堆栈，我无法编辑，我希望能够将上次登录日期和时间写入数据库。我想这样做的方式是使用if-isset$\u POST['login\u button']，然后用日期和时间更新数据库。当用户登录时，它必须在服务器中检查他的凭据，所以为什么不节省登录服务器的时间呢？我的意思是，你不需要将登录时间从客户端发送到服务器。谢谢，但我无法修改按钮代码来添加id。我已经编辑了答案，你可以使用该类而不是添加id。很好，我是jQuery和Javascript的新手。我是否需要添加某种类型的onLoad类型代码来实现上述功能？只需使用标记将javascript文件加载到HTML中即可。如果您还想使用jQuery，则需要像我在代码段中所做的那样添加。