1.<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-31j"> <title>Insert title here</title> <script type="text/javascript" language="javascripr"> var elementName=""; //output the TagName and TagNumber function countTotalElement(node){ var total=0; if(node.nodeType==1){ total++; elementName=elementName+node.tagName+"/r/n"; } var childNodes=node.childNodes; //for(var m=node.firstChild;m!=null;m=m.nextSibling){ for(var i=0;i<childNodes.length;i++){ total+=countTotalElement(childNodes[i]); } return total; } </script>
</head>
<body> <a href="javascript:void(0)" onClick="alert(countTotalElement(document)+'/r/n'+elementName);elementName='';">BeginCount</a>
</body> </html>
2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function reverseNode(node){ var kids=node.childNodes; var len=kids.length; for(var i=len-1;i>=0;i--){ var c=node.removeChild(kids[i]); node.appendChild(c); } } //--> </SCRIPT> </HEAD> <BODY> <p>First</p> <p>Two</p> <p>Three</p> <p>Four</p> <a href="javascript:void(0)" οnclick="reverseNode(document.body)">Begin</a> </BODY> </HTML> 3.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript"> <!-- function reverse(){ var tablenode=document.getElementsByTagName("table")[0]; var nodes=tablenode.getElementsByTagName("tr"); //alert(nodes[1].firstChild.innerHTML); var newChild=new Array(); var len=nodes.length; for(var i=0;i<len;i++){ newChild[i]=nodes[i].firstChild.innerHTML; } tablenode.removeChild(tablenode.childNodes[0]); var header=tablenode.createTHead(); for(var i=0;i<len;i++){ var headerrow=header.insertRow(i); var cell=headerrow.insertCell(0); cell.appendChild(document.createTextNode(newChild[len-i-1])); } } //--> </SCRIPT> </HEAD>
<BODY> <table> <tr>1111</tr> <tr>2222</tr> <tr>3333</tr> <tr>4444</tr> </table> <div> <input type="button" name="btn1" value="begin" οnclick="reverse()"/> </div> </BODY> </HTML> 4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function insertStr(){ var value=document.form1.str.value; if(value!=""){ var text=document.createTextNode(value); var td=document.createElement("td"); var tr=document.createElement("tr"); var tbody=document.createElement("tbody"); td.appendChild(text); tr.appendChild(td); tbody.appendChild(tr); var table=document.getElementById("table1"); //table.insertBefore(tbody,table.firstChild); table.appendChild(tbody); } } //--> </SCRIPT> </HEAD>
<BODY> <FORM name="form1" METHOD=POST ACTION=""> <input name="str" type="text" id="str" value=""> <input name="insert" type="button" id="insert" value="liu yan" οnclick="insertStr()" > </FORM> <TABLE id="table1"> <tbody> <TR> <TD>LIST</TD> </TR> </tbody> </TABLE> </BODY> </HTML> 5.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function loadXML(handler){ var url="employ.xml"; if(document.implementation&&document.implementation.createDocument){ //?三个参数分?是文档命名空jian、文档元素的biaoqian名以及一个文档lei型dui象(??null),比如: //var oXmlDom=document.implementation.createDocument("http://www.rubyeye.net","root",null); var xmldoc=document.implementation.createDocument("","",null); xmldoc.οnlοad=handler(xmldoc,url); xmldoc.load(url); } else if(window.ActiveXObject){ var xmldoc=new ActiveXObject("Microsoft.XMLDOM"); xmldoc.onreadystatechange=function(){ if(xmldoc.readyState==4) handler(xmldoc,url); } xmldoc.load(url); } } function makeTable(xmldoc,url){ var table=document.createElement("table"); table.setAttribute("border","1"); table.setAttribute("width","300"); document.body.appendChild(table); var caption="Employ Data From"+url; table.createCaption().appendChild(document.createTextNode(caption)); var head=table.createTHead(); var headrow=head.insertRow(0); headrow.insertCell(0).appendChild(document.createTextNode("NAME")); headrow.insertCell(1).appendChild(document.createTextNode("WORK")); headrow.insertCell(2).appendChild(document.createTextNode("MONEY")); var employ=xmldoc.getElementsByTagName("employ"); for(var i=0;i<employ.length;i++){ var e=employ[i]; var name=e.getAttribute("name"); var work=e.getElementsByTagName("work")[0].firstChild.data; var money=e.getElementsByTagName("money")[0].firstChild.data; var row=table.insertRow(i+1); row.insertCell(0).appendChild(document.createTextNode(name)); row.insertCell(1).appendChild(document.createTextNode(work)); row.insertCell(2).appendChild(document.createTextNode(money)); } } //--> </SCRIPT> </HEAD>
<BODY οnlοad="loadXML(makeTable)">
</BODY> </HTML> <?xml version="1.0" encoding="utf-8"?> <employees> <employ name="one"> <work>teacher</work> <money>100.9</money> </employ> <employ name="two"> <work>farmer</work> <money>244</money> </employ> <employ name="three"> <work>student</work> <money>666</money> </employ> <employ name="four"> <work>paramter</work> <money>222</money> </employ> </employees>