javascript - 使用 Javascript 在标签中的内容之前附加元素

Question

我将用一个例子来说明:我需要用javascript转换以下html

<a>Text 1</a>
<a>Text 2</a>
<a>Text 3</a>
...

到代码

<a><input/>Text 1</a>
<a><input/>Text 2</a>
<a><input/>Text 3</a>
...

我不知道如何使用 createElement、appendChild 或 insertBefore/After 来实现这一点。

Answer 1

这并不难:)

​(function() {
    var links = document.getElementsByTagName("a"),
        input,
        i = links.length;

    while (i--) {
        input = document.createElement("input");
        links[i].insertBefore(input, links[i].firstChild);
    }
}())​