Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Html对象容器_Javascript_Html_Dom - Fatal编程技术网

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>