将新的嵌套div添加到文档中

时间:2013-08-25 12:00:10

标签: javascript jquery

我想在文档中添加带有子div的div,但是append()似乎是错误的选项,我应该使用什么呢?

  //Create Statusbar
  var status = $('#status');
  for (var i = 0; i < resources.length; i++) {
    var resource = document.createElement('div');
    var resourceCounter = document.createElement('div');
    resourceCounter.id = "r" + (i + 1);
    //resource.className = "resource";
    resource.innerHTML = resources[i];
    resourceCounter.innerHTML = saveData.resources ? saveData.resources[i] : 0;
    resource.style.background = "url('images/resources/" + resource.id + ".jpg') 0 26px / 100% auto no-repeat";
    resource.onclick = function () {
      alert(this.id);
    };
    resource.append(resourceCounter);
    status.append(resource);
  }

resource.append(resourceCounter); - &gt;未捕获的TypeError:对象#HTMLDivElement没有方法'append'

1 个答案:

答案 0 :(得分:1)

这里的资源是一个dom元素,append是jQuery提供的方法,它不存在于dom元素中

您可以使用appendChild代替

resource.appendChild(resourceCounter);

或使用jQuery包装资源并使用append

$(resource).append(resourceCounter);