javascript 读取xml,写入xml 实现代码

　　ClassModel =

　　{

　　create : function()

　　{

　　return function()

　　{

　　this.construct.apply(this, arguments);

　　}

　　}

　　}

　　Extend = function(desc, src)

　　{

　　for(var c in src)

　　{

　　desc[c] = src[c];

　　}

　　return desc;

　　}

　　Object.prototype.extend = function(src)

　　{

　　return Extend.apply(this, [this, src]);

　　}

　　var insert = ClassModel.create();

　　var doc = new ActiveXObject("Msxml2.DOMDocument.3.0");

　　doc.load("books.xml");

　　var books;

　　insert.prototype =

　　{

　　construct : function(config)

　　{

　　this.id = config.id;

　　this.name = config.name;

　　this.author = config.author;

　　this.price = config.price;

　　this.publisher = config.publisher;

　　this.count = config.count;

　　this.insertData();

　　},

　　insertData : function()

　　{

　　var book = doc.createElement("book");

　　book.setAttribute("id", this.id);

　　var name = doc.createElement("name");

　　var nameValue = doc.createTextNode(this.name);

　　name.appendChild(nameValue);

　　book.appendChild(name);

　　var author = doc.createElement("author");

　　var authorValue = doc.createTextNode(this.author);

　　author.appendChild(authorValue);

　　book.appendChild(author);

　　var price = doc.createElement("price");

　　var priceValue = doc.createTextNode(this.price);

　　price.appendChild(priceValue);

　　book.appendChild(price);

　　var count = doc.createElement("count");

　　var countValue = doc.createTextNode(this.count);

　　count.appendChild(countValue);

　　book.appendChild(count);

　　var publisher = doc.createElement("publisher");

　　var publisherValue = doc.createTextNode(this.publisher);

　　publisher.appendChild(publisherValue);

　　book.appendChild(publisher);

　　if(doc.documentElement == null)

　　{

　　books = doc.createElement("books");

　　books.appendChild(book);

　　doc.appendChild(books);

　　}

　　else

　　{

　　books = doc.documentElement;

　　books.appendChild(book);

　　}

　　doc.save("books.xml");

　　}

　　}

　　var windows = ClassModel.create();

　　windows.prototype =

　　{

　　construct : function(jsonObject)

　　{

　　this.title = jsonObject.title;

　　this.width = jsonObject.width;

　　this.height = jsonObject.height;

　　this.titleColor = jsonObject.titleColor;

　　this.backgroundColor = jsonObject.backgroundColor;

　　this.LwHeight = (document.body.clientHeight - this.width) / 2; //让div在屏幕的中间

　　this.LwWidth = (document.body.clientWidth - this.height) / 2; //让div在屏幕的中间

　　this.content = jsonObject.content;

　　var loginWindow = this.createLoginBody();

　　var title = this.createLoginTitle();

　　loginWindow.appendChild(title);

　　var cont = this.createContent();

　　loginWindow.appendChild(cont);

　　document.body.appendChild(loginWindow);

　　},

　　createLoginBody: function() //创建登陆框， 即整个框

　　{

　　var loginWindow = document.createElement("div");

　　loginWindow.id = "dialog";

　　with(loginWindow.style)

　　{

　　border = "1px solid white";

　　position = "absolute";

　　width = this.width + "px";

　　height = this.height + "px";

　　top = this.LwHeight + "px";

　　left = this.LwWidth + "px";

　　backgroundColor = this.backgroundColor;

　　}

　　return loginWindow;

　　},

　　createLoginTitle:function() //创建 标题 即效果图的黑色标题

　　{

　　var title = document.createElement("div");

　　var table = document.createElement("table");

　　var tbody = document.createElement("tbody");

　　var tr = document.createElement("tr");

　　var td_1 = document.createElement("td");

　　var td_2 = document.createElement("td");

　　var close = document.createElement("a");

　　close.onclick = function()

　　{

　　document.body.removeChild(title.parentNode);

　　}

　　close.innerHTML = "X";

　　td_1.innerHTML = this.title;

　　with(title.style)

　　{

　　width = "100%";

　　height = this.height / 10 + "px";

　　backgroundColor = this.titleColor;

　　}

　　with(table.style)

　　{

　　color = "white";

　　fontSize = "12pt";

　　width = "100%";

　　backgroundColor = this.titleColor;

　　color = "red";

　　}

　　td_2.style.textAlign = "right";

　　td_2.appendChild(close);

　　tr.appendChild(td_1);

　　tr.appendChild(td_2);

　　tbody.appendChild(tr);

　　table.appendChild(tbody);

　　title.appendChild(table);

　　return title;

　　},

　　createContent : function()

　　{

　　var div = document.createElement("div");

　　if(typeof(this.content) == 'string')

　　{

　　div.innerHTML = this.content;

　　}else

　　{

　　div.appendChild(this.content);

　　}

　　with(div.style)

　　{

　　paddingLeft = "80px";

　　paddingTop = "50px";

　　float = "left";

　　width = "100%";

　　}

　　return div;

　　}

　　}

　　var doc = new ActiveXObject("Msxml2.DOMDocument.3.0");

　　doc.load("books.xml");

　　var query = ClassModel.create();

　　var v = 0;

　　query.prototype =

　　{

　　construct : function()

　　{

　　this.bookInfor();

　　},

　　bookInfor : function()

　　{

　　var div = document.createElement("div");

　　var root = doc.documentElement;

　　if(root == null)

　　{

　　div.innerHTML = "no data";

　　document.body.appendChild(div);

　　}else

　　{

　　with(div.style)

　　{

　　marginLeft = "200px";

　　overflow = "auto";

　　border = "0px solid white";

　　width = "605px";

　　}

　　var table = document.createElement("table");

　　table.cellSpacing = "0";

　　with(table.style)

　　{

　　fontSize = "12pt";

　　color = "white";

　　border = "0px";

　　width = "600px";

　　}

　　var tbody = document.createElement("tbody");

　　var trHead = document.createElement("tr");

　　with(trHead.style)

　　{

　　height = "20px";

　　backgroundColor = "Transparent";

　　}

　　var tname = document.createElement("td");

　　var tauthor = document.createElement("td");

　　var tprice = document.createElement("td");

　　var tCount = document.createElement("td");

　　var tpublisher = document.createElement("td");

　　tname.innerHTML = "名称";

　　tauthor.innerHTML = "作者";

　　tprice.innerHTML = "价格";

　　tCount.innerHTML = "库存";

　　tpublisher.innerHTML = "出版社";

　　tname.style.borderBottom = "1px solid";

　　tauthor.style.borderBottom = "1px solid";

　　tprice.style.borderBottom = "1px solid";

　　tCount.style.borderBottom = "1px solid";

　　tpublisher.style.borderBottom = "1px solid";

　　tname.style.width = "20%";

　　tauthor.style.width = "20%";

　　tprice.style.width = "20%";

　　tCount.style.width = "20%";

　　tpublisher.style.width = "20%";

　　trHead.appendChild(tname);

　　trHead.appendChild(tauthor);

　　trHead.appendChild(tprice);

　　trHead.appendChild(tCount);

　　trHead.appendChild(tpublisher);

　　tbody.appendChild(trHead);

　　for(var c = 0; c < root.getElementsByTagName("book").length; c ++)

　　{

　　var roots = root.getElementsByTagName("book")[c];

　　var id = roots.getAttribute("id");

　　var name = roots.getElementsByTagName("name")[0].childNodes[0].nodeValue;

　　var author = roots.getElementsByTagName("author")[0].childNodes[0].nodeValue;

　　var price = roots.getElementsByTagName("price")[0].childNodes[0].nodeValue;

　　var count = roots.getElementsByTagName("count")[0].childNodes[0].nodeValue;

　　var publisher = roots.getElementsByTagName("publisher")[0].childNodes[0].nodeValue;

　　var tr = document.createElement("tr");

　　with(tr.style)

　　{

　　backgroundColor = "Transparent";

　　}

　　var tdName = document.createElement("td");

　　var tdAuthor = document.createElement("td");

　　var tdPrice = document.createElement("td");

　　var tdCount = document.createElement("td");

　　var tdPublisher = document.createElement("td");

　　tdName.innerHTML = name;

　　tdAuthor.innerHTML = author;

　　tdPrice.innerHTML = price;

　　tdCount.innerHTML = count;

　　tdPublisher.innerHTML = publisher;

　　tdName.id = "tdName" + c;

　　tdAuthor.id = "tdAuthor" + c;

　　tdPrice.id = "tdPrice" + c;

　　tdCount.id = "tdCount" + c;

　　tdPublisher.id = "tdPublisher" + c;

　　tr.appendChild(tdName);

　　tr.appendChild(tdAuthor);

　　tr.appendChild(tdPrice);

　　tr.appendChild(tdCount);

　　tr.appendChild(tdPublisher);

　　tbody.appendChild(tr);

　　tdName.onmouseover = function(){

　　document.body.style.cursor= "pointer";

　　document.getElementById(this.id).style.backgroundColor = "darkred";

　　}

　　tdName.onmouseout = function(){

　　document.body.style.cursor= "";

　　document.getElementById(this.id).style.backgroundColor = "";

　　}

　　tdAuthor.onmouseover = function(){

　　document.body.style.cursor= "pointer";

　　document.getElementById(this.id).style.backgroundColor = "darkred";

　　}

　　tdAuthor.onmouseout = function(){

　　document.body.style.cursor= "";

　　document.getElementById(this.id).style.backgroundColor = "";

　　}

　　tdPrice.onmouseover = function(){

　　document.body.style.cursor= "pointer";

　　document.getElementById(this.id).style.backgroundColor = "darkred";

　　}

　　tdPrice.onmouseout = function(){

　　document.body.style.cursor= "";

　　document.getElementById(this.id).style.backgroundColor = "";

　　}

　　tdCount.onmouseover = function(){

　　document.body.style.cursor= "pointer";

　　document.getElementById(this.id).style.backgroundColor = "darkred";

　　}

　　tdCount.onmouseout = function(){

　　document.body.style.cursor= "";

　　document.getElementById(this.id).style.backgroundColor = "";

　　}

　　tdPublisher.onmouseover = function(){

　　document.body.style.cursor= "pointer";

　　document.getElementById(this.id).style.backgroundColor = "darkred";

　　}

　　tdPublisher.onmouseout = function(){

　　document.body.style.cursor= "";

　　document.getElementById(this.id).style.backgroundColor = "";

　　}

　　}

　　table.appendChild(tbody);

　　div.appendChild(table);

　　document.body.appendChild(div);

　　}

　　}

　　}