Using button to retreive data from XML

I have made a code in which on clicking computer Science button I get data from XML


enter code here
<html>
<head>
<script src="loadxmldoc.js"></script>
 </script>
</head>
<body>
<h1 style="text-align:center">DEPARTMENT DETAILS</h1>
<button onclick="myfunction()">Computer Science</button>
</br>
<script>
function myfunction(){
xmlDoc=loadXMLDoc("faculty.xml");
var x=xmlDoc.getElementsByTagName("computer")[0];
var y=x.childNodes;
for(i=0;i<y.length;i++)
 document.write(y[i].nodeName+"&nbsp&nbsp"+y[i].childNodes[0].nodeValue+"</br>"); 
}
 </script>
  </body>
 </html>

When I click on button I do get the data but a new page is loaded. Iwould like to have data below the button. How to do so?

Using button to retreive data from XML

No comments:

Post a Comment