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();