发表于： 2019-08-18 22:53:46
1 920
今天完成的事：
完成了大部分法官查看页面
通过保存的玩家人数数组长度使用for循环利用克隆的方法克隆clone（true）出对应的玩家，在通过append的方法将克隆出来的玩家向后添加的dom里
clone（true）其中true是克隆自身元素和其所有的子元素，如果是false或其他值则只克隆点前元素本身，不会克隆其子元素
明天计划的事：
解决克隆节点的排序问题，了解任务4相关知识点
遇到的问题：
第一个复制的是最后一个盒子，出现了重复
收获：
HTML DOM cloneNode方法
<body>
<ul id="myList1"><li>Coffee</li><li>Tea</li></ul>
<ul id="myList2"><li>Water</li><li>Milk</li></ul>
<p id="demo">单击按钮将项目从一个列表复制到另一个列表中</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var itm=document.getElementById("myList2").lastChild;
var cln=itm.cloneNode(true);
document.getElementById("myList1").appendChild(cln);
}
</script>
cloneNode() 方法可创建指定的节点的精确拷贝。
cloneNode() 方法 拷贝所有属性和值。
该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则，它只复制当前节点。
HTML DOM appendChild() 方法
appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。
提示：如果文档树中已经存在了 newchild，它将从文档树中删除，然后重新插入它的新位置。如果 newchild 是 DocumentFragment 节点，则不会直接插入它，而是把它的子节点按序插入当前节点的 childNodes[] 数组的末尾。
返回列表
评论