js操作xml并动态生成网页_获取网页的xml资源-CSDN文库

共2个文件

htm：1个

xml：1个

js,xml,Microsoft.XMLDOM,ajax

4星 · 超过85%的资源需积分: 9 100 浏览量 2009-02-19 11:16:38 上传评论收藏 1KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

js操作xml并动态生成网页.rar （2个子文件）

createFormWithXML.htm 3KB

Form.xml 436B

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head runat="server"> <title>createForm</title> <script type="text/javascript"> var idStr= new Array(); function loadXML(xmlFile){ var xmlDoc = null; if(window.ActiveXObject) { xmlDoc = new ActiveXObject('Microsoft.XMLDOM'); xmlDoc.async = false; xmlDoc.load(xmlFile); } else if (document.implementation&&document.implementation.createDocument) { xmlDoc = document.implementation.createDocument('', '', null); xmlDoc.load(xmlFile); } else { return null; } return xmlDoc; } function setHtml(){ idStr.length=0; var xmlDoc = loadXML('Form.xml'); var htmlStr = ""; if(xmlDoc!=null) { // var form = xmlDoc.getElementsByTagName("Form1")[0]; var title = xmlDoc.selectNodes("Form"); document.title = title[0].getAttribute("title") var Input = xmlDoc.selectNodes("Form/Input"); //alert(Input); for(var i=0;i<Input.length;i++) { //alert(Input[i].getAttribute("type")); if(Input[i].getAttribute("type")=="TextBox"){ htmlStr += "<input type='text' id='" + Input[i].getAttribute("name") + "'/>"; if(Input[i].getAttribute("Required")=="True"){ htmlStr += "<b style='color:Red'>*</b>"; idStr.push(Input[i].getAttribute("name")); } htmlStr += "<br/>"; } else{ htmlStr += "<input type='button' name='" + Input[i].getAttribute("name") + "' value='" + Input[i].getAttribute("name") + "'"; if(Input[i].getAttribute("name")=="Validate") htmlStr += " onclick='Validate2()'"; else htmlStr += " onclick='Submit2()'"; htmlStr += "/>"; } } document.getElementById("div1").innerHTML = htmlStr; } } function Validate2() { // alert("Validate"); var alertInfo = ""; for(var i=0;i<idStr.length;i++) { if(document.getElementById(idStr[i]).value=="") alertInfo += idStr[i] + " is empty</br>"; } document.getElementById("div2").innerHTML = alertInfo; if(alertInfo=="") return true; else return false; } function Submit2() { var alertInfo = ""; if(Validate2()) { var input = document.documentElement.getElementsByTagName("INPUT"); for(var i=0;i<input.length;i++) { if(input[i].type=="text") alertInfo +=input[i].id + " 's value is '" + input[i].value + "' <br/>"; } } document.getElementById("div3").innerHTML = alertInfo; } </script> </head> <body onload="setHtml()"> <div id="div2" > </div> <div id="div1" > </div> <div id="div3" > </div> </body> </html>

评论收藏

内容反馈