如何在javascript中实现对象的onclick？

Question

我有以下javascript函数，它创建一个包含按钮作为单元格项类型的不同单元格的新行。那么如何在这里实现按钮功能onClick？

我的代码：

var propertyCell = row.insertCell(1);  
    var propertyName = document.createElement("input");  
    propertyName.type = "text";  
    propertyName.size = "6";  
    propertyName.id = "pName"+rowCount;  

    //alert(propertyName.size);  
    propertyCell.appendChild(propertyName);  
var image1Cell = row.insertCell(6);  
    var image1 = document.createElement("input");  
    image1.type = "button";  
    image1.value = "Camera";  
    image1.size = "6";  
    image1.id = "image1"+rowCount;  
    //image1.onclick = function(){sdfkvk(dh,sdd)}  

    image1Cell.appendChild(image1);

Answer 1

您可以尝试以下代码：

image1.onclick = function (){alert(document.getElementById("pName"+rowCount).value)};

Answer 2

您使用document.getElementById获取文本字段的元素，因为rowcount与按钮的值相同，您可以通过执行字符串拆分来获取该数字。然后我只提醒价值，但是一旦你有了价值，你就可以做你想做的事。

  image1.onclick = function () { 
      alert(document.getElementById("pName" + this.id.split('e1')[1]).value); 
  };