关于javascript：将DIV元素从一个父DIV移动到另一个父DIV


Move div element from one parent div to another

所以假设我有一组嵌套的div：

1
2
3
        Test1
        <img src="image002.png"/>
        West

下一页：

1
2
3
        Test2
        <img src="image002.png"/>
        West

我如何将测试1移动到"不可能被调用"。我试过用一个表单/提交按钮来完成这个功能，只是为了好玩，下面是代码：

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
    function doSubmit() {
        document.getElementById('unlikelyToBeCalled').appendChild(
            document.getElementsByTagName('Test1')
        );
    }

<br /><br /><br />
<form method="POST" action="file:///C:/wamp/www/index.html" id="submitform" name="submitform">
    <input type="submit" name="Submit" value="Move divs" onClick="doSubmit()"  />
</form>

或者某种效果。任何帮助都会动摇

相关讨论

使用.appendTo()。

1
$('#likelyOddA').appendTo('#unlikelyToBeCalled')
相关讨论

如果我明白你想要什么：

1
$('div[name=test1]').appendTo('#unlikelyToBeCalled');

getElementsByTagName('Test1')不会得到name="Test1"的元素，例如，它应该得到所有div的(当然是代码getElementsByTagName('div')的)。接下来，您使用了两次#likelyOddHeader和其他id，但id必须是唯一的。