通过字符串将html对象传递到函数中

Question

我猜我有点不同寻常。我有此功能deleteItem其的onclick触发，并具有以下参数

function dItem(type,id,element,confirmed){ 
    if(confirmed){ 
     handle delete function 
    }else{ 
     var c = ','; 
     popup('Are you sure you want to delete this item?', 
      { 
       "Yes":"dItem('"+type+"'"+c+id+c+element+c+true+")", 
       "Cancel":"popupClose()" 
      } 
     ) 
    } 
} 

.. onclick='dItem("comment",15,this,false)' ..

在popup()的第二个参数被传递要被显示在弹出的按钮和功能它们分别调用。问题是，element是一个HTMLDIV element，我不能找出一个简洁的方式来通过一个字符串。我能想到的唯一解决方案是拥有一个全局变量来保存有问题的元素，而不是传递它，尽管我不想那么做，因为它更像是一种黑客而不是解决方案。有人知道我如何通过字符串传递该元素吗？提前致谢！

EDIT：

这是b正在处理，变成HTML按钮如何对象。你看到我可以提供一个实际的功能，而不是以字符串形式的名称？

var _b = ''; 
for(var i in b){ 
    _b+="<div onclick='"+b[i]+"'>"+i+"</div>"; 
} 

Answer 1

通过回调来处理这种情况更为常见。你需要改变你的弹出功能才能工作。

实施例：

popup('Are you sure you want to delete this item?', { 
    "Yes": function() { 
     dItem(type, id, element, confirmed); 
    }, 

    "Cancel": function() { 
     popupClose(); 
    } 
}); 

---

作为一种变通方法，你可以简单地生成用于元素的唯一的ID，并使用该稍后识别元件。因为你的函数是递归的，所以你需要处理的事实是element可以是ELEMENT_NODE或string。

for(var i in b){ 
    var generatedId = i /* TODO: not sure this generates an unique id */; 
    _b += "<div id='" + generatedId + "' onclick='" + b[i] + "'>" + i + "</div>"; 
} 

function dItem (type, id, element, confirmed) { 
    if (confirmed) { 
     // handle delete function 
    }else{ 
     var elementId; 

     // find the elementId 
     if (element && element.nodeType && element.nodeType == 1) { 
      elementId = element.id; 
     }else if (typeof element == 'string') { 
      elementId = element 
     }else{ 
      throw Error('Argument [element] is not a ELEMENT_NODE or string'); 
     } 

     var args = [type, id, elementId, true]; 

     popup('Are you sure you want to delete this item?', { 
      "Yes": "dItem(" + args.join(', ') + ")", 
      "Cancel": "popupClose()" 
     }); 
    } 
}