DocumentFragment と querySelector を使用して DocumentFragments を作成および変更したいと考えています。HTML 文字列からフラグメントを作成するために、DocumentFragment に任意の HTML を挿入することからいくつかのコードを使用しています。
stringToDocumentFragment = function(html_string) {
var frag = document.createDocumentFragment();
var holder = document.createElement("div")
holder.innerHTML = html_string
frag.appendChild(holder)
return frag
}
そしてそれは動作します:
test_one = stringToDocumentFragment('<one><two>test</two></one>')
#document-fragment
test_one.querySelector('one')
> <one>...</one>
<html>
ただし、またはのような要素を使用する<body>
と、失敗します。
test_two = stringToDocumentFragment('<html><body>test</body></html>')
#document-fragment
test_two.querySelector('html')
null
動作は、Chrome と Firefox の両方で同じです。