Передайте объект 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() «s передаются кнопки, которые будут отображаться во всплывающем окне и функции, которые они называют соответственно , Проблема в том, что 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(); 
    } 
}); 

---

В качестве временного решения можно просто создать уникальный идентификатор для элемента и использовать его для идентификации элемента в дальнейшем. Поскольку ваша функция рекурсивна, вам нужно иметь дело с тем фактом, что 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()" 
     }); 
    } 
}