代码之家  ›  专栏  ›  技术社区  ›  Itay.B

Html对象容器

  •  0
  • Itay.B  · 技术社区  · 16 年前

    有人知道我怎样才能把容器换成我的下拉框吗?

    1 回复  |  直到 14 年前
        1
  •  1
  •   Richard JP Le Guen    16 年前

    你的意思是你想从这样的事情。。。

    <td id="firstTD"> 
        <select><!-- ... --></select>
    </td>
    <td id="secondTD"> 
        <!-- ... -->
    </td>
    <td id="thirdTD"> 
        <!-- ... -->
    </td>
    

    对这个?

    <td id="firstTD"> 
        <!-- ... -->
    </td>
    <td id="secondTD"> 
        <!-- ... -->
    </td>
    <td id="thirdTD"> 
        <select><!-- ... --></select>
    </td>
    

    如果是这样,你最好在这个问题上加上标签。。。去掉“对象”和“容器”。你要找的是 Document Object Model DOM Scripting . 既然我已经给了那些 <td> 元素 id

    <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>
    

    这是最快捷和最便宜的答案,但是您需要更多地了解JavaScript提供的其他DOM特性,例如 getElementById(...) getElementsByTagName(...) , childNodes , addChild(...) , removeChild(...) , replaceChild(...)