时间戳

首页 > 解决方案 > getElementById 但用于占位符？

javascript - getElementById 但用于占位符？

问题描述

我正在尝试使用 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：我才刚开始写代码，所以请不要以为我会理解你扔给我的一切

标签： javascripthtml

解决方案

您可以尝试使用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>

推荐阅读