怎样将当前节点的第一个子节点移动到最后一个子节点后面

developer 2021年03月09日编程语言 417 0

使用 Node.prototype.appendChild(), 如果参数是一个已存在的于文档中的节点, 那它将会被移动到最末尾.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>Document</title> 
</head> 
<body> 
    <ul id="id1"> 
        <li>李雷</li> 
        <li>韩梅梅</li> 
        <li>李强</li> 
        <li>徐帆</li> 
    </ul> 
    <script> 
        var target = document.getElementById("id1"); 
        target.appendChild(target.firstElementChild); 
    </script> 
</body> 
</html>