Javascript DOM文档来自标记源的createElement

Question

有没有办法从标记源创建Document对象中的新元素？ 基本上我想要做的是：

myDocument.createElement('<sometag attr="lol">');

Answer 1

不， .createElement原生DOM API不支持该语法。 您需要创建plain元素并直接在对象上设置任何属性

newElem.attr = "lol";

或（更好），使用.setAttribute()

newElem.setAttribute( 'attr', 'lol' );

你“可能”做的是什么创造 documentFragment ，然后使用 .innerHTML编写串到该片段终于 .append其内容到其目标。

Answer 2

好吧，使用innerHTML而不是试图破解dom操作这种事情。

为此，如果需要（或通过getElementById获取），请使用dom创建一个有效节点，然后使用您的代码设置此节点的innerHTML

Answer 3

innerHTML属性在这里工作 - 但有时候把它放在你想要的东西上有点困难。 例如：

var div = document.createElement('div');
div.innerHTML = "<img src='http://www.google.com/logos/classicplus.png'/>";

在我看来，使用jQuery为你处理它更容易，因为它附带了所有已经附加的jQuery方法。

var div = $("<div class='blah'><img src='http://www.google.com/logos/classicplus.png'/></div>");
div.find('img').hide();
div.appendTo('body');
div.find('img').fadeIn();