xml Dom demo笔记
<script type="text/javascript"> //************解析一段html出来从xml开始***** text="<bookstore>" text=text+"<book>"; text=text+"<title>Harry Potter</title>"; text=text+"<author>J K. Rowling</author>"; text=text+"<year>2005</year>"; text=text+"</book>"; text=text+"</bookstore>"; var xmlDoc; try{ xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = false; xmlDoc.loadXml(text); }catch(e){ // try{ parse = new DOMParser(); xmlDoc=parse.parseFromString(text,"text/xml"); // }catch(e){ // } } console.log(xmlDoc); elem_body = document.getElementsByTagName('body'); // elem_body[0].appendChild(xmlDoc); var book = xmlDoc.getElementsByTagName('book'); for (i=0;i<book.length;i++){ console.log(book[i].firstChild.firstChild); alert(book[i].firstChild.firstChild.nodeValue); book[i].firstChild.firstChild.nodeValue = 'linning'; } // 获取最后一个元素节点 function get_lastchild(ele){ x = ele.lastChild; while (x.nodeType!=1) { x=x.previousSibling; } return x; } // *************生成一段复杂的html出来************* /* <div id="navfirst"> <ul id="menu"> <li id="h"><a href="/h.asp" title="HTML 系列教程">HTML教程</a></li> <li id="x"><a href="/x.asp" title="XML 系列教程">XML教程</a></li> <li id="b"><a href="/b.asp" title="浏览器脚本系列教程">浏览器脚本</a></li> <li id="s"><a href="/s.asp" title="服务器脚本系列教程">服务器脚本</a></li> <li id="d"><a href="/d.asp" title=".NET (dotnet) 教程">dot net教程</a></li> <li id="m"><a href="/m.asp" title="多媒体系列教程">多媒体教程</a></li> <li id="w"><a href="/w.asp" title="网站构建手册">建站手册</a></li> </ul> </div> */ var navfirst = document.createElement("div"); navfirst.setAttribute('id','navfirst'); var menu = document.createElement("ul"); menu.setAttribute('id','menu'); navfirst.appendChild(menu) var list = Array(); var list_ids = Array('h','x','b','s','d','m','w'); var list_texts = Array('HTML教程','XML教程','浏览器脚本','服务器脚本','dot net教程','多媒体教程','建站手册') for (var i = 6; i >= 0; i--) { var current = document.createElement('li'); current.setAttribute('id','') var current_a = document.createElement('a'); current_a.setAttribute('href','/'+list_ids[i]+'.asp'); current_a.setAttribute('title',list_texts[i]); current_a.appendChild(document.createTextNode(list_texts[i])); current.appendChild(current_a); list[i] = current; menu.appendChild(current); }; document.getElementsByTagName("body")[0].appendChild(navfirst); </script>