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

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

尝试这个：

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