javascript - 使用字符串填充表格元素

Question

假设我有这样一个字符串:

var tablestring = "<table><tr><td>Test</td></tr></table>";

是否可以像这样填充表 DOM 对象:

var Test = document.createElement("TABLE");
Test.value = tablestring;

Answer 1

是的。使用 .innerHTML 您可以将 html 分配给 dom 元素。请看下面的片段:

function addTable(){
	var tablestring = "<table><tr><td>Test</td></tr></table>";
	var container = document.getElementById('container');
	container.innerHTML = tablestring;
}

<button onclick="addTable()"> Add table </button>
<div id="container"></div>