javascript - 尝试将html元素移动到表中的特定位置

我正在尝试将HTML元素移动到表中的特定位置。例如，我有一个标记为“ abcd”的禁用按钮和一个单元格值为“ xyz”的表。我想通过引用该值将单元格顶部的按钮“ abcd”移动到值“ xyz”。

到目前为止，我为javascript函数编写的代码如下所示：

<script type="text/javascript">
    function moveObject() {
        var label = prompt("Please enter object to move", "");
        var location = prompt("Please enter cell location", "");
        var element = document.getElementById(label);
    }
</script>

如何引用单元格的值，以便告诉对象将其移动到那里？

最佳答案

要获得预期的结果，请使用下面的选项，使用document.getElementsByTagName和prepend将按钮添加到单元格值


使用document.getElementsByTagName('TD')获取所有tds
使用of循环所有td元素
查找带有文本xyz的单元格并在禁用按钮前添加前缀-abcd

function moveObject() {
        let tds = document.getElementsByTagName('TD')
    let btn = document.getElementById('abcd')
        for(let cell of tds){
      if(cell.innerHTML ==='xyz'){
        cell.prepend(btn)
      }
    }
        }

table tr td{
  border: 1px solid black;
}

<table>
  <tr>
    <td>test</td>
    <td>xyz</td>
  </tr>
</table>
<button  id="abcd" disabled>abcd</button>
<button onclick="moveObject()">Move</button>