发表于: 2020-07-13 22:12:04

1 1276


今天完成的事情:

学习了js的知识


创建节点

document.createElement(“tagName”)

document. createEl ement() 方法创建由tagName指定的HTMI元素。因为这些元素原先不存在,是根据我们的需求动态生成的,所以我们也称为动态创建元素节点。


添加节点

node . appendchild (child)

node. appendChild()方法将一个节点添加到指定父节点的子节点列表末尾。类似于css里面的

after伪元素。


操作节点

node . insertBefore (child,指定元素)

node. insertBefore ()方法将一个节点添加到父节点的指定子节点前面。类似于css里面的before


var box = document.createElement("div");//添加子节点
box.className = "tips";//获取css属性
    main.appendChild(box);//把box添加到父级中
    var boxspan = document.createElement("span");//添加文字节点
    box.appendChild(boxspan);
    boxspan.innerHTML = kipeArrName[i];//添加玩家信息
    var boxm = document.createElement("div");//添加节点的子节点
    boxm.className = "tips-1";
    box.appendChild(boxm);
    boxm.innerHTML = i + 1;//添加玩家对应的个数


明天计划的事情:

继续完成任务

遇到的问题:

没有问题

收获:

学会了创建节点


返回列表 返回列表
评论

    分享到