DOM

HTML：

<SPAN id=IdSpan>[SPAN要素]</SPAN>

JavaScript：

DF=new DocumentFragment();  //＝[object]：[object DocumentFragment]
詳細
	//children＝[object]：[object HTMLCollection]
	//firstElementChild＝[object]：null
	//lastElementChild＝[object]：null
	//childElementCount＝[number]：0
	//append＝[function]：function append() { [native code] }
	//getElementById＝[function]：function getElementById() { [native code] }
	//prepend＝[function]：function prepend() { [native code] }
	//querySelector＝[function]：function querySelector() { [native code] }
	//querySelectorAll＝[function]：function querySelectorAll() { [native code] }
	//replaceChildren＝[function]：function replaceChildren() { [native code] }
	//nodeType＝[number]：11
	//nodeName＝[string]：#document-fragment
	//baseURI＝[string]：file:///C:/Users/asmin/Documents/HTML%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B･･･
	//isConnected＝[boolean]：false
	//ownerDocument＝[object]：[object HTMLDocument]
	//parentNode＝[object]：null
	//parentElement＝[object]：null
	//childNodes＝[object]：[object NodeList]
	//firstChild＝[object]：null
	//lastChild＝[object]：null
	//previousSibling＝[object]：null
	//nextSibling＝[object]：null
	//nodeValue＝[object]：null
	//textContent＝[string]：
	//ELEMENT_NODE＝[number]：1
	//ATTRIBUTE_NODE＝[number]：2
	//TEXT_NODE＝[number]：3
	//CDATA_SECTION_NODE＝[number]：4
	//ENTITY_REFERENCE_NODE＝[number]：5
	//ENTITY_NODE＝[number]：6
	//PROCESSING_INSTRUCTION_NODE＝[number]：7
	//COMMENT_NODE＝[number]：8
	//DOCUMENT_NODE＝[number]：9
	//DOCUMENT_TYPE_NODE＝[number]：10
	//DOCUMENT_FRAGMENT_NODE＝[number]：11
	//NOTATION_NODE＝[number]：12
	//DOCUMENT_POSITION_DISCONNECTED＝[number]：1
	//DOCUMENT_POSITION_PRECEDING＝[number]：2
	//DOCUMENT_POSITION_FOLLOWING＝[number]：4
	//DOCUMENT_POSITION_CONTAINS＝[number]：8
	//DOCUMENT_POSITION_CONTAINED_BY＝[number]：16
	//DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC＝[number]：32
	//appendChild＝[function]：function appendChild() { [native code] }
	//cloneNode＝[function]：function cloneNode() { [native code] }
	//…

N=document.createTextNode("テスト");  //テキスト ノードの生成。
DF.appendChild(N);              //DocumentFragment にノードを追加。
N=document.createElement('B');  //要素ノードの生成。
N.textContent="[B要素]";        //その要素の内容を設定。
DF.appendChild(N);       //DocumentFragment にノードを追加。
IdSpan.appendChild(DF);  //SPAN 要素内に DocumentFragment を追加。
D=IdSpan.outerHTML;      //全体を表示。
	//＝[string]：<span id="IdSpan">[SPAN要素]テスト<b>[B要素]</b></span>

→document.createTextNode()、appendChild()、document.createElement()、Node.textContent、Node.appendChild()。