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

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 class 的 class 来定位它 "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

无需使用 javascript 只需在输入中添加占位符即可。

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

Answer 2

试试这个：

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

Answer 3

你应该使用 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 4

试试这个：

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

使用jquery动态添加占位符

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

Adding Placeholder To Input Field By Name

javascript

placeholder

getelementsbyname