getElementById 但用于占位符？ [复制]答案

【问题标题】：getElementById but for placeholder? [duplicate]getElementById 但用于占位符？ [复制]
【发布时间】：2020-04-09 22:51:40
【问题描述】：

我正在尝试使用 javascript 自动填充网页中的某些信息。

所有字段都有ID，例如：

<div id="cc-container" class="field has-float-label">
     <input placeholder="ccnumber" id="credit_card_number" maxlength="16" name="credit_card[ovv]" size="16" type="tel" value="">
</div>

然后我只需插入以下信息：

document.getElementById("credit_card_number").focus();
document.getElementById("credit_card_number").value = variable_ccnumber;

但最后一个没有 ID：

<div id="cvv-container" class="visa has-float-label">
     <input placeholder="cvv" maxlength="4" name="credit_card[meknk]" size="4" type="tel" value="">
</div>

在这种情况下如何插入我想要的内容？

谢谢。

PD：我才刚开始写代码，所以请不要以为我会理解你扔给我的一切

【问题讨论】：

试试这个getElementsByName
名称/类/querySelector
@xmaster document.getElementByName("credit_card[meknk]").focus(); document.getElementById("credit_card[meknk]").value = variable_ccnumber;像这样？

标签： javascript html

【解决方案1】：

您可以尝试使用Document.querySelector()，它允许任何 有效的 CSS 作为具有 name 属性的选择器：

document.querySelector('[name="credit_card[meknk]"]').value = 'variable_ccnumber';

<div id="cvv-container" class="visa has-float-label">
  <input placeholder="cvv" maxlength="4" name="credit_card[meknk]" size="4" type="tel" value="">
</div>

【讨论】：

如何联系您？
@JesusChueca，不客气:)