Question

我正在尝试创建一个创建元素并使用element（对象）参数的函数。

var createElement = function(element) {
  var newElement = document.createElement(element.type);
  var newElement_textNode = document.createTextNode(element.text);
  newElement.appendChild(newElement_textNode);
  element.parent.appendChild(newElement);
};

唯一的问题是我想将元素追加到调用函数的元素。例如：

var list = document.getElementById('ulList');
list.createElement({
    type: 'li',
    text: 'Another item'
});

我的问题是如何将它附加到调用函数的元素，在本例中为ul list

Answer 1

我创建了一个可以添加方法的构造函数：

function DocNode(id) {
   this.domNode = document.getElementById(id); 
}

DocNode.prototype.createChildElement = function() {
    //add your code logic here
}

var list = new DocNode("testId");

然后可以在任何DocNode实例上调用list.createChildElement（）。

将元素追加到调用createElement（）函数的父级

1 个答案: