javascript - “未捕获的层次结构请求错误 : new line tag after createTextNode

Question

这是我试图使其工作的代码:

var aform = document.createElement("form");
var model = document.createTextNode("xyz");
var newLine = document.createElement('br');
model.appendChild(newLine);
var status = document.createTextNode("abc");

aform.appendChild(model);
aform.appendChild(status);

$("#someDiv").append(aform);

当我尝试运行代码时，它总是给我错误

"Uncaught HierarchyRequestError: Failed to execute 'appendChild' on 'Node': This node type does not support this method."

有人可以建议一下为什么它不起作用吗？我只想在创建文本节点 xyz 和 abc 之后换一个新行。

Answer 1

你可以用 jQuery 完成所有的事情，因为你无论如何都在使用它:

$("#someDiv").append("<form>xyz<br>abc</form>");