javascript - 添加带有循环的目标属性

Question

我有一个输入按钮，写在 laravel 项目的 blade foreach 循环中。

<div class="v-percentage">
       <input id="copycode" type="Submit" value="Embed">
</div>

我正在尝试编写一个脚本，允许我在输入上添加目标属性，以便每个按钮都是唯一的，并执行类似此答案的操作 here .到目前为止我写的脚本应该获取元素，然后在 for 循环中添加目标，我还不确定我应该怎么做。

var elements = document.getElementById('#copycode');
  alert(elements);
  for(var i = 0; i < elements.length; i++)
  {
    //add the target to the element
  }

此外，当我提醒元素返回 null 时。我该如何解决？

Answer 1

document.getElementById('copycode')

getElementById 只需要 ID，而不是 CSS 选择器。

此外，这将返回一个 元素(不是 NodeList)。 ID 在整个页面中是唯一的。如果要选择多个元素，请使用类和 getElementsByClassName。