名前を入力フィールドにプレースホルダを追加する

Question

JavaScriptを使用して属性にプレースホルダを追加しようとしています。

入力エレメントのHTMLは次のとおりです。

<td class="gfield_list_cell gfield_list_72_cell3" data-label="Amount Paid"> 
<input type="text" name="input_72[]" value="" tabindex="67"> 
</td> 

は私も親TD私はこの使用してJavascriptをターゲットにしようとしている「gfield_list_cellのgfield_list_72_cell3」

とのクラスで、それをターゲットにする必要があるようです$記号をプレースホルダとして使用します。私はこれを使用していますが、動作させることはできません。

<script type="text/javascript"> 
    var input = document.getElementsByName('input_72[]')[0]; 
    input.setAttribute('placeholder', '$'); 
</script> 

助けてください。ありがとう

Answer 1

あなたはquerySelectorメソッドを使用する必要があります。

document.querySelector('.gfield_list_cell.gfield_list_72_cell3 input').setAttribute('placeholder','$');

<table> 
 
<td class="gfield_list_cell gfield_list_72_cell3" data-label="Amount Paid"> 
 
     <input type="text" name="input_72[]" value="" tabindex="67"> 
 
</td> 
 
</table>

Answer 2

入力の代わりにプレースホルダを追加するだけです。

<input type="text" name="input_72[]" value="" tabindex="67" placeholder="Name"> 

Answer 3

これを試してみてください：

var input = document.getElementsByName('input_72[]')[0]; 
input.setAttribute('placeholder', '$');