在Javascript中构建动态链接

时间:2013-02-20 12:00:27

标签: javascript dynamic paragraph new-window

我的代码如下:

for (var index in mv.exifImages) {
        var p = document.createElement("p");
        var oText = document.createTextNode("link" + index);
        p.appendChild(oText);
        var info = mv.exifImages[index];
        p.onclick = function() {
            mv.openNewWindow(info);
        };
        ele.appendChild(p);
}

我想创建段落元素,当我点击它们时,打开一个包含正确数组内容的新窗口。但我可以生成不同的链接。我的所有段落打开一个新窗口,其中包含最后一个索引处的数组内容。这有什么诀窍吗?

2 个答案:

答案 0 :(得分:2)

我认为这应该有效:

for (var index in mv.exifImages) {
        var p = document.createElement("p");
        var oText = document.createTextNode("link" + index);
        p.setAttribute("indexAttr",index);
        p.appendChild(oText);
        p.onclick = function() {
            mv.openNewWindow(mv.exifImages[this.getAttribute("indexAttr")]);
        };
        ele.appendChild(p);
}

答案 1 :(得分:0)

以下作品......

for (var index in mv.exifImages) {
        var p = document.createElement("p");
        var oText = document.createTextNode("link" + index);
        p.appendChild(oText);
        var info = mv.exifImages[index];
        p.onclick = openNew(info);
        ele.appendChild(p);
}

function openNew(a) {
    return function() {
        mv.openNewWindow(a);
    }
}