添加佔位符到名稱輸入字段

Question

我想添加一個佔位符到一個使用JavaScript的屬性。

input元素的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「gfield_list_cell gfield_list_72_cell3」

我想針對這個使用Javascript和的目標是$符號作爲佔位符。我正在使用這個，但不能得到它的工作。

<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

沒有必要使用javascript只需在輸入中添加佔位符。

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

Answer 3

試試這個：

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