javascript - 添加到 innerHTML 正确的语法

Question

如果我想使用 innerHTML 向元素添加内容，正确的语法是什么？以下是我的非工作示例：

   openNewWindow: function(content) {
popupWin = window.open(content,
    'open_window',
    'menubar, toolbar, location, directories, status, scrollbars, resizable, dependent, width=640, height=480, left=0, top=0')
},

for (var index in mv.exifImages) {
        ele.innerHTML += "<p onclick = openNewWindow(mv.exifImages[index]> image" + index + "</p>";
    }

Answer 1

我觉得是这样的。变量index具有局部范围

for (var index in mv.exifImages) {
        ele.innerHTML += "<p onclick = 'openNewWindow(\"" + mv.exifImages[index] + "\")'> image" + index + "</p>";
    }

Answer 2

使用appendChild：

var myelement = document.getElementById("myelement");
myelement.appendChild( document.createTextNode("Example text inside myelemen") );

这比覆盖 innerHTML 更好，因为它保留了 onclick 事件，例如：
是否可以在不破坏后代事件侦听器的情况下附加到 innerHTML？

Answer 3

innerHTML 不是您的问题，您的代码缺少上下文。

    openNewWindow: function(content) {
        popupWin = window.open(content,
            'open_window',
            'menubar, toolbar, location, directories, status, scrollbars, resizable, dependent, width=640, height=480, left=0, top=0');
        // call to window.open ended here
    },
    // judging by the definition of openNewWindow and the comma above,
    // we are inside an object definition!

    // you cannot embed a for loop inside an object definition!!!
    for (var index in mv.exifImages) {
        ele.innerHTML += "<p onclick = openNewWindow(mv.exifImages[index]> image" + index + "</p>";
    }

将您的 for 循环放在合理的地方，例如在函数内部，或者实际向我们展示您遇到的错误。