按名称将占位符添加到输入字段中

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>

似乎我还需要按照parent 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

尝试以下：

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

Answer 3

尝试以下：

$(input[name="input_72[]"]).setAttr('placeholder', '$');

使用jQuery动态添加占位符

Answer 4

无需使用JavaScript只需在输入中添加占位符。

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