3

我正在尝试将内容附加到模板标签中。我在用

getcontent("clients.json").then(function(x){
   obj = JSON.parse(x);
}).then(function(x){

   var x = createFullList(obj,docFragment);
   filtered = obj;
   return x;
}).then(function(x){
   template   .appendChild(x);
   var clone = document.importNode(template.content, true);
   alert(clone.children.length);
   aside.appendChild(clone)
});

getcontent 是返回响应的 ajax 调用，响应被解析并作为对象存储在 obj 变量中，

createFullList 为 ajax 响应中的每个元素创建 div 并将其附加到片段中，然后将片段附加到也返回的 div 中，

function createFullList( obj , fragment ){
   var aside       = document.getElementsByClassName("one")[0];
   for( x in obj ){
      createInfoElement( fragment , obj[x].general , obj[x].job , x);
   }
   var div = document.createElement("div");
   div.appendChild(fragment);
   deleteKid( aside , 1 );
   return div;
}

困扰我的是附加到模板中，它什么也没做，当我尝试复制它的内容时，它说它有 0 个孩子，如果我打印 div 的孩子，它会打印正确的数字。

为什么没有将内容附加到模板中？这是正确的方法还是有任何特定的方法可以正确地将内容附加到模板中？

4

2 回答 2

1

您应该附加片段template.content而不是template：

template.content.appendChild( x )
于 2016-07-14T21:30:53.343 回答
0

如果你只使用一个then()，像这样：

var obj;
getcontent("clients.json").then(function(x){
   obj = JSON.parse(x);
}).then(function(){
  var x = createFullList(obj, docFragment);
  filtered = obj;

  template.appendChild(x);
  var clone = document.importNode(template.content, true);
  alert(clone.children.length);
  aside.appendChild(clone)

  return(x);
});

我相信您正在尝试引用一个在template.appendChild()引用它的范围内不可用的变量。

于 2016-06-18T14:34:02.343 回答