javascript 用数组创建元素

Question

我从我的数据库中获取了一个数组，我正在尝试创建一个元素，但它不起作用。这是我的简化代码

var objecthtml = {

	id : 1,
	html: '<div> </div>',
	css: 'colonne'
}

console.log(objecthtml.html);
console.log(objecthtml);

var myArray = [objecthtml];
console.log(myArray);

let block =  document.createElement(objecthtml.html);

这是错误信息:

InvalidCharacterError: String contains an invalid character

Answer 1

document.createElement将 HTML 标记名称作为参数。如果您想使用对象属性中的 HTML 代码创建一个元素，您可以创建一个容器元素并将该 HTML 代码放入其 innerHTML 属性中。

var objecthtml = {
	id : 1,
	html: '<div>Oh yeah</div>',
	css: 'colonne'
}

let block =  document.createElement("div");
block.innerHTML = objecthtml.html;

document.body.appendChild(block);