DOMParser について

// ------------------------------------------------------------
// XML 文字列を用意する
// ------------------------------------------------------------
var text_xml = 
	'<?xml version="1.0" encoding="UTF-8"?>\n' + 
	'<container>\n' +
	'	<element0 attribute="value0">テキストＡ</element0>\n' +
	'	<element1 attribute="value1">テキストＢ</element1>\n' +
	'</container>';

// ------------------------------------------------------------
// DOMParser オブジェクトを作成する
// ------------------------------------------------------------
var dom_parser = new DOMParser();

// ------------------------------------------------------------
// XML 文字列から Document オブジェクトを作成する
// ------------------------------------------------------------
var document_obj = null;
try {

	// ------------------------------------------------------------
	// XML 文字列から Document オブジェクトを作成する
	// ------------------------------------------------------------
	document_obj = dom_parser.parseFromString(text_xml , "application/xml");

	// ------------------------------------------------------------
	// パースに失敗したか調べる
	// ------------------------------------------------------------
	if(document_obj.getElementsByTagName("parsererror").length){
		document_obj = null;
	}

}catch(e){
}

// パースに成功した
if(document_obj){
	// 出力テスト
	console.log(document_obj.documentElement);
}

// ------------------------------------------------------------
// 適当な DOM ツリーを用意する
// ------------------------------------------------------------
var element = document.createElement("xml");
element.innerHTML = 
	'<container>\n' +
	'	<element0 attribute="value0">テキストＡ</element0>\n' +
	'	<element1 attribute="value1">テキストＢ</element1>\n' +
	'</container>';

// ------------------------------------------------------------
// XMLSerializer オブジェクトを作成する
// ------------------------------------------------------------
var xml_serializer = new XMLSerializer();

// ------------------------------------------------------------
//「DOM ノード」から「XML 文字列」を生成する
// ------------------------------------------------------------
var text_xml = xml_serializer.serializeToString(element);

// 出力テスト
console.log(text_xml);

// ------------------------------------------------------------
// 「XML 文字列」から「Document オブジェクト」を生成する関数
// ------------------------------------------------------------
function XmlString_To_Document(text){
	try{
		if(window.DOMParser){
			var dom_parser = new DOMParser();
			var document_obj = dom_parser.parseFromString(text , "application/xml");
			if(document_obj.getElementsByTagName("parsererror").length == 0){
				return document_obj;
			}
		}else{
			var document_obj = new ActiveXObject("Microsoft.XMLDOM");
			document_obj.async = false;
			document_obj.loadXML(text);
			if(document_obj.documentElement){
				return document_obj;
			}
		}
	}catch(e){
	}

	return null;
}

// ------------------------------------------------------------
// XML 文字列を用意する
// ------------------------------------------------------------
var text_xml = 
	'<?xml version="1.0" encoding="UTF-8"?>\n' + 
	'<container>\n' +
	'	<element0 attribute="value0">テキストＡ</element0>\n' +
	'	<element1 attribute="value1">テキストＢ</element1>\n' +
	'</container>';

// ------------------------------------------------------------
// 「XML 文字列」から「Document オブジェクト」を作成する
// ------------------------------------------------------------
var document_obj = XmlString_To_Document(text_xml);

// 出力テスト
console.log(document_obj);
console.log(document_obj.documentElement);

// ------------------------------------------------------------
// 「DOM  オブジェクト」から「XML 文字列」を生成する関数
// ------------------------------------------------------------
function DomNode_To_XmlString(node){
	try{
		if(window.XMLSerializer){
			var xml_serializer = new XMLSerializer();
			return xml_serializer.serializeToString(node);
		}else if(node.xml){
			return'<' + (node.tagName) + ' xmlns="http://www.w3.org/1999/xhtml">' + (node.xml) +'<\/' + (node.tagName) + '>';
		}
	}catch(e){
	}

	return null;
}

if(document.implementation.createDocument){

	// ------------------------------------------------------------
	// Document オブジェクトを作成
	// ------------------------------------------------------------
	var document_obj = document.implementation.createDocument("http://www.w3.org/1999/xhtml" , "xml" , null);

	// ------------------------------------------------------------
	// Element オブジェクトを取得
	// ------------------------------------------------------------
	var element = document_obj.documentElement;

	// ------------------------------------------------------------
	// 適当な DOM ツリーを構築する
	// ------------------------------------------------------------
	element.innerHTML = 
		'<container>\n' +
		'	<element0 attribute="value0">テキストＡ</element0>\n' +
		'	<element1 attribute="value1">テキストＢ</element1>\n' +
		'</container>';

	// ------------------------------------------------------------
	// 「DOM  オブジェクト」から「XML 文字列」を生成する
	// ------------------------------------------------------------
	var text_xml = DomNode_To_XmlString(element);

	// 出力テスト
	console.log(text_xml);

}else{

	// ------------------------------------------------------------
	// Element オブジェクトを作成する（Internet Explorer 8 以前の場合）
	// ------------------------------------------------------------
	var element = document.createElement("xml");

	// ------------------------------------------------------------
	// 適当な DOM ツリーを構築する
	// ------------------------------------------------------------
	element.loadXML(
		'<container>\n' +
		'	<element0 attribute="value0">テキストＡ</element0>\n' +
		'	<element1 attribute="value1">テキストＢ</element1>\n' +
		'</container>'
	);

	// ------------------------------------------------------------
	// 「DOM  オブジェクト」から「XML 文字列」を生成する
	// ------------------------------------------------------------
	var text_xml = DomNode_To_XmlString(element);

	// 出力テスト
	console.log(text_xml);

}

// ------------------------------------------------------------
// 「HTML 文字列」から「Document オブジェクト」を生成する関数
// ------------------------------------------------------------
function HtmlString_To_Document(text){
	try{
		var dom_parser = new DOMParser();
		var document_obj = dom_parser.parseFromString(text , "text/html");
		if(document_obj.getElementsByTagName("parsererror").length == 0){
			return document_obj;
		}
	}catch(e){
	}

	try{
		var document_obj = document.implementation.createHTMLDocument("");
		document_obj.body.innerHTML = text;
		return document_obj;
	}catch(e){
	}

	return null;
}

// ------------------------------------------------------------
// HTML 文字列を用意する（全体的）
// ------------------------------------------------------------
var text_html0 = 
	'<!DOCTYPE html>\n' + 
	'<html>\n' +
	'  <head>\n' +
	'  </head>\n' +
	'  <body>\n' +
	'    <div>あいうえお</div>\n' +
	'    <div>かきくけこ</div>\n' +
	'  </body>\n' +
	'</html>';

// ------------------------------------------------------------
// HTML 文字列を用意する（部分的）
// ------------------------------------------------------------
var text_html1 = '<div><span>さしすせそ</span></div>';

// ------------------------------------------------------------
// 「HTML 文字列」から「Document オブジェクト」を作成する
// ------------------------------------------------------------
var document_obj0 = HtmlString_To_Document(text_html0);
var document_obj1 = HtmlString_To_Document(text_html1);

// 出力テスト
console.log(document_obj0);
console.log(document_obj1);
console.log(document_obj0.documentElement);
console.log(document_obj1.documentElement);

<html>
  <body>

    <div id="aaa" >
      <span>あいうえお</span>
    </div>

    <script type="text/javascript">
    <!--

	// ------------------------------------------------------------
	// HTML 要素を取得する
	// ------------------------------------------------------------
	var html_element = document.documentElement;

	// 出力テスト
	console.log( html_element.outerHTML );

	// ------------------------------------------------------------
	// "aaa" という ID 属性のエレメントを取得する
	// ------------------------------------------------------------
	var element = document.getElementById("aaa");

	// 出力テスト
	console.log( element.outerHTML );

    //-->
    </script>

  </body>
</html>