DRAG DROP
You have a webpage that includes the following markup:
An XML file named message.xml resides on a web server. The structure of the file is as follows:
You are developing a code-based solution to parse the contents of the XML file and display the information on
the page.
The solution must work on both modern and older browsers.
You need to display the information from the XML file onto the page.
How should you create the JavaScript code? (Develop the solution by selecting the required code segments
and arranging them in the correct order. You may not need all of the code segments.)
Select and Place:
Answer: 
Explanation:
Note:
Parse an XML Document
Example. The following code fragment parses an XML document into an XML DOM object:
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);}
xmlhttp.open(“GET”,”books.xml”,false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
function readXMLFile(){
if(window.XMLHtppRequest){
xmlhttp= new XMLHttpRequest();
}else{
xmlhttp= new ActiveXObject(“Microsoft.XMLHTTP”);
}
xmlhttp.open(“GET”,”message.xml”,false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById(“to”).innerHTML=
xmlDoc.getElementsByTagName(“to”)[0].childNodes[0].nodeValue;
document.getElementById(“from”).innerHTML=
xmlDoc.getElementsByTagName(“from”)[0].childNodes[0].nodeValue;
document.getElementById(“message”).innerHTML=
xmlDoc.getElementsByTagName(“body”)[0].childNodes[0].nodeValue;
}