Javascript Html对象容器
有人知道我如何更换下拉框的容器吗?Javascript Html对象容器,javascript,html,dom,Javascript,Html,Dom,有人知道我如何更换下拉框的容器吗? 我有3个“TD”标签,我想使用客户端代码在它们之间移动下拉列表。你的意思是想从这样的内容开始 <td id="firstTD"> <select><!-- ... --></select> </td> <td id="secondTD"> <!-- ... --> </td> <td id="thirdTD"> <!-
我有3个“TD”标签,我想使用客户端代码在它们之间移动下拉列表。你的意思是想从这样的内容开始
<td id="firstTD">
<select><!-- ... --></select>
</td>
<td id="secondTD">
<!-- ... -->
</td>
<td id="thirdTD">
<!-- ... -->
</td>
这是最快、最便宜的答案,但您需要了解更多有关JavaScript提供的其他DOM功能的信息,例如getElementById(…)
,getElementsByTagName(…)
,childNodes
,addChild(…)
,removeChild(…)
,replaceChild(…)
如果您希望在用户执行某些操作(比如单击按钮)时发生这种情况,您还需要阅读有关JavaScript事件处理的内容。Perfect!这正是我要找的。再次强调“最快和最便宜的答案”;)
<td id="firstTD">
<!-- ... -->
</td>
<td id="secondTD">
<!-- ... -->
</td>
<td id="thirdTD">
<select><!-- ... --></select>
</td>
<script type="text/javascript">
var firstTD = document.getElementById("firstTD");
var thirdTD = document.getElementById("thirdTD");
var selectElement = firstTD.getElementsByTagName("select")[0]; // cutting some corners...
firstTD.removeChild(selectElement);
thirdTD.appendChild(selectElement);
</script>