Question

我正在尝试检索使用innerHtml创建的按钮的名称。我的问题很容易理解，而且肯定可以解决。预先感谢！

这是我的代码，在动态表中添加一列：

    colonne1.innerHTML = '<td align="center"><input id=' + 
    button_id_is_id_plat+ ' type="button" name='+title+' value="Supprimer" 
    onclick="DeletePlat('+button_id_is_id_plat+')"></td>';

包含变量标题的名称是我要在DeletePlat函数中检索的名称。这是我尝试过的结果，但没有得到积极的结果：

var my_array=document.getElementById("plat_action"); //the id of the dynamic table

var longueur = arrayLignes.length;

while(i<longueur)
{
  //I retrieve the cell which contains a string
  var cellule = my_array.rows[i].cells[0];
  //I retrieve the cell which contains the button that I've created with innerHTML
  var cellule2 = my_array.rows[i].cells[1];
  //Here, I want to retrieve the name of the button embedded into my "cellule2" variable
   if (cellule.innerText.toString()==cellule2.innerText.toString())
   {
      //treatment...
   }
}

我也尝试过cellule2.name.toString（），但似乎也不是解决方案。

Answer 1

以下示例说明了如何从按钮html元素中检索名称的方法：

let buttonElement = document.getElementById("button");
let name = buttonElement.getAttribute('name');
console.log(name)

<button name="buttonname" type="submit" value="HTML" id="button">HTML</button>

Answer 2

要获取按钮的名称，无需调用toString（）函数：只需使用DOM元素的.name属性即可：

console.log(document.getElementById("button").name);

<div id="div">
  <button id="button" name="nameOfButton">Button</button>
</div>

检索使用innerHTML创建的按钮的名称

2 个答案: