私は次のようなボタンを持っているjQueryの

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：あなたは `のattr（ '名前を使用することができます

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"); 

ピュアJavaScriptを：

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

Answer 3

あなたは最初の要素を取得する必要があり、その後設定名前属性。 jqueryのなし

これは次のようになります。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'); 

、あなたのようなIDを追加することなく、要素を見つけることができるだろう：

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

は、この情報がお役に立てば幸いです。