Nested for loop

programming web dev
1

Im trying to wrap the data in a div or a p tag. But for some reason the whole data is wrapping in a p tag. How do I run the first for loop 6 times while checking the nested for loop only one time?


<script type="text/javascript">
var xmlDoc = null;
if (window.ActiveXObject) {// code for IE
    xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
} else if (document.implementation.createDocument) {// code for Mozilla, Firefox, Opera, etc.
    xmlDoc = document.implementation.createDocument("", "", null);
} else {
    alert('Your browser cannot handle this script');
}
if (xmlDoc != null) {
    xmlDoc.async = false;
    xmlDoc.load("Products.xml");
    document.write("<div id='main'>");
    var x = xmlDoc.getElementsByTagName("Product");
    alert(x.length);
    for (i=0; i<x.length; i++) {
        var y = xmlDoc.getElementsByTagName("Property");
        document.write("<p>");
            for (i=0; i<y.length; i++){
            document.write(y*.attributes.getNamedItem("value").value);
            document.write("<br />");
        }
        document.write("</p>");
    }
    document.write("</div");
}
</script>