Javascript DOMタグソースからのcreateElement

Question

タグソースからDocumentオブジェクトに新しい要素を作成する方法はありますか？代わりに、この種のもののDOM操作をハックしようとしているのinnerHTMLプロパティを使用して、うまく

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

Answer 1

：基本的に私は何をしたいことの効果に何かです。

Answer 2

いいえ、.createElementのネイティブDOM APIがそれをサポートしていません

は、そうしたい場合は、DOMとの有効なノードを作成（またはgetElementByIdを介して、それを得る）ために、そしてあなたのコードでこのノードのinnerHTMLプロパティを設定します構文。あなたは、何が「可能性は」documentFragmentを作成するにはどうすればよいです.setAttribute()

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

を使用し、プレーンな要素を作成し、オブジェクト

newElem.attr = "lol"; 

または（より良い）に直接的に任意のプロパティを設定する必要があります .innerHTMLを使用して、その文字列をそのフラグメントに書き込み、最後に .appendの内容をターゲットの宛先に書き出します。

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