Question

我在Javascript领域并不高级，也无法弄清楚如何编写代码来实现这一目标。

基本上，我将使用URL参数来运行此功能（＆amp; testing） - 但我想获取输入字段的ID并将其显示在该输入旁边。我经常将这些ID用于CSS等，将它们自动显示在字段旁边而不必单独检查每个元素会很棒。

任何帮助？

Answer 1

它听起来有点棘手。如果您不想弄乱ID，那么您必须

document.getElementsByTagName("input");

创建NodeList个输入元素。然后，使用简单的for循环进行循环，或者使用prototype调用进行操作。

Array.prototype.forEach.call(document.getElementsByTagName("input"), function(x) {
    var span = document.createElement("span");
    span.textContent = x.id;
    x.parentNode.appendChild(x);
});

这是一个创建跨度的花哨脚本，并将文本分配给它迭代的元素的id。然后，它会在输入后通过抓住父级并appendChild来附加所述跨度。

这假设您的输入不共享同一个父级，因此您可能需要调整HTML结构，但关键是迭代，分配文本和追加新元素。

Answer 2

var inputs = document.getElementsByTagName('input');
for(var i =0; i<inputs.length; i++){
    inputs[i].title = inputs[i].id;
}

查找页面上的所有html输入元素，并在鼠标悬停时添加带有id值的工具提示。

开发工具可以为你做到这一点，但不会引起太大的麻烦！

获取元素的ID并在页面上显示

2 个答案: