javascript - 为多个 "placeholding elements"分配一个 ID

Question

我有一个包含文本输入和一些“占位符”的 JavaScript。该脚本使用一个函数在某些占位符中显示在文本输入中输入的值。问题是，如果我必须为每个占位符分配一个 ID，这将花费很多时间 - 我认为避免重复和重复称为 DRY

所以我的问题是:我如何(使用 javascript)“自动”分配所有 <span> -某个<div>内的标签- 带有 ID 的标签包含一个在所有跨度中都相同的字符串和一个不同 fx 的整数:

<div id="foo1"> //assign inside this div
<span id="placeholder1"></span>
<span id="placeholder2"></span>
<span id="placeholder3"></span>
</div>
<span id="foo2"></span> //this is not assigned, it is outside the "foo1"-<div>

我确定它可以在称为 DOM 的方法中完成？我不确定，但像这样:

window.onload = function(){
    var foo = new Array();
}

等等 :) 我正在使用的脚本可以在 this post 中看到，在那篇文章中你还可以看到为什么我没有使用 document.getElementsByName("foo")选择多个元素以及为什么我要寻求指导来代替:)

Answer 1

function nameElements(div_name, prefix)
{
    var div_elem = document.getElementById(div_name);
    var spans = div_elem.getElementsByTagName('span');
    for (var i = 0; i < spans.length; ++i)
    {
        spans[i].id = prefix + (i+1);
    }
}

不确定“for (var i...”是否适用于所有浏览器，但其余的应该适用于任何兼容 DOM 的浏览器。