首页 > 试题广场 >

向当前#list的最后元素之后添加100个新的li节点，合理

[单选题]

向当前#list的最后元素之后添加100个新的li节点，合理的操作方式是？

通过循环方式创建新的li节点，并依次添加到#list中

先将#list节点的display设置为none，通过循环方式创建新的li节点，并依次添加到#list中，最后再将#list节点的display设置为block

取出#list中现有的li节点的html，将它与新增的li节点对应的html代码拼接成字符串，一次性插入到#list中

创建Fragment，通过循环方式创建新的li节点，添加到Fragment中，最后再将Fragment添加到#list中

查看答案及解析

logeast

createDocumentFragment方***创建一个文档片段，它的变化不会引起DOM树的重新渲染，从而不会导致性能问题。最后将创建的文档片段添加到DOM树中即可仅发生一次渲染就实现目标，下面是一个简单的方法。

  var app = document.getElementById("app");
  var fragment = document.createDocumentFragment();

  for(var i=0; i<100; i++) {
    let li = document.createElement("li");
    fragment.appendChild(li);
    li.innerHTML = i;
  }
  app.appendChild(fragment);

编辑于 2018-03-09 16:50:57 回复(0)