Question

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

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

我无法修改按钮的代码，所以我想知道是否可以使用jQuery或JavaScript为按钮添加名称？我希望按钮看起来如下所示：

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

Answer 1

您可以使用以下方式实现此目的：

jQuery的：

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

或Javascript：

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

var addNameAttr = function () {
  $('.desktop-button.tiny').attr('name', 'login_button');
  console.log($('.desktop-button.tiny').attr('name'));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="submit" class="desktop-button tiny" onclick="addNameAttr()">LOGIN</button>

Answer 2

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

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

jQuery的：

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

Pure JavaScript：

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

Answer 3

首先需要获取元素，然后设置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，您可以在不添加ID的情况下找到该元素：

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

希望这有帮助。

使用jQuery修改表单按钮

3 个答案: