JavaScript实现将xml转换成html table

JavaScript实现将xml转换成html table表格的方法。 function ConvertToTable(targetNode) {  // if the targetNode is xmlNode this line must be removed  // i couldnt find a way to parse xml string to xml node  // so i parse xml string to xml document  targetNode = targetNode.childNodes[0];  // first we need to create headers  var columnCount = targetNode.childNodes[0].childNodes.length;  var rowCount = targetNode.childNodes.length  // name for the table  var myTable = document.createElement("table");  myTable.border = 1;  myTable.borderColor ="green";  var firstRow = myTable.insertRow();  var firstCell = firstRow.insertCell();  firstCell.colSpan = columnCount;  firstCell.innerHTML = targetNode.nodeName;  // name for the columns  var secondRow = myTable.insertRow();  for(var i=0;i<columnCount;i++)  {   var newCell = secondRow.insertCell();   newCell.innerHTML = targetNode.childNodes[0].childNodes[i].nodeName;  }  // now fill the rows with data  for(var i2=0;i2<rowCount;i2++)  {   var newRow = myTable.insertRow();    for(var j=0;j<columnCount;j++)    {    var newCell = newRow.insertCell();    newCell.innerHTML = targetNode.childNodes[i2].childNodes[j].firstChild.nodeValue;    }  }  // i prefer to send it as string instead of a table object  return myTable.outerHTML; }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head>  <title>Untitled Page</title> </head> <body> <script type="text/javascript"> function ConvertToTable(targetNode)

{

// if the targetNode is xmlNode this line must be removed  // i couldnt find a way to parse xml string to xml node  // so i parse xml string to xml document  targetNode = targetNode.childNodes[0];  // first we need to create headers  var columnCount = targetNode.childNodes[0].childNodes.length;  var rowCount = targetNode.childNodes.length  // name for the table  var myTable = document.createElement("table");  myTable.border = 1;  myTable.borderColor ="green";  var firstRow = myTable.insertRow();  var firstCell = firstRow.insertCell();  firstCell.colSpan = columnCount;  firstCell.innerHTML = targetNode.nodeName;  // name for the columns  var secondRow = myTable.insertRow();  for(var i=0;i<columnCount;i++)  {   var newCell = secondRow.insertCell();   newCell.innerHTML = targetNode.childNodes[0].childNodes[i].nodeName;  }  // now fill the rows with data  for(var i2=0;i2<rowCount;i2++)  {   var newRow = myTable.insertRow();    for(var j=0;j<columnCount;j++)    {    var newCell = newRow.insertCell();    newCell.innerHTML = targetNode.childNodes[i2].childNodes[j].firstChild.nodeValue;    }  }  // i prefer to send it as string instead of a table object  return myTable.outerHTML; } function loadXmlDocFromString(text) {  try //Internet Explorer   {   xmlDoc=new ActiveXObject("Microsoft.XMLDOM");   xmlDoc.async="false";   xmlDoc.loadXML(text);   return xmlDoc;   }   catch(e)   {   try // Firefox, Mozilla, Opera, etc.   {   parser=new DOMParser();   xmlDoc=parser.parseFromString(text,"text/xml");   return xmlDoc;   }   catch(e)   {   alert(e.message);   return;   }   } } var myXml = ‘<TableName> \   <firstRow> \   <field1>1</field1> \   <field2>2</field2> \   </firstRow> \   <firstRow> \   <field1>3</field1> \   <field2>4</field2> \   </firstRow> \  </TableName>‘;  var myDoc = loadXmlDocFromString(myXml); document.write( ConvertToTable(myDoc)); </script> </body> </html>

原载codego.net JavaScript实现将xml转换成html table

时间: 2024-11-05 17:23:10

JavaScript实现将xml转换成html table的相关文章

XML转换成数组方法

<?php function xmlToArray2($xml) { // 将XML转为array $array_data = json_decode(json_encode(simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA)), true); return $array_data; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition

在服务器端将XML转换成HTML

以下是在服务器上转换XML文件所需要的简单源代码: <% 'Load the XML set xml = Server.CreateObject("Microsoft.XMLDOM") xml.async = false xml.load(Server.MapPath("cd_catalog.xml")) 'Load the XSL set xsl = Server.CreateObject("Microsoft.XMLDOM") xsl.

C#将XML转换成JSON转换XML

原文:C#将XML转换成JSON转换XML using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Xml; using Newtonsoft.Json; namespace JSonConverter { class Program { static void Main(string[] args) { string xml = "<Test>

用C#将XML转换成JSON

本文旨在介绍如果通过C#将获取到的XML文档转换成对应的JSON格式字符串,然后将其输出到页面前端,以供JavaScript代码解析使用.或许你可以直接利用JavaScript代码通过Ajax的方式来读取XML,然后直接对其中的内容进行解析,这样或许更直接一些.但本文中给出的代码旨在说明如何通过原生的C#代码来完成这一转换.除此之外,你仍然可以借用一些第三方类库或者更高级一些的.NET库对象来实施转换.我们来看看这里介绍的一些较为简单的方法,但前提是你必须拥有可支持的类库和对象以备使用. 使用J

C# xml转换成对象

C#内部封装的类库"namespace System.Net.Http class HttpClient", (1)此内部有进行请求所用的方法此处用得时Post的异步请求,此时的请求头是固定的先忽略 public class Post { private static readonly HttpClient _httpClient; //创建类库成员变量,以注入的方式进行方法调用  public async Task<string> PostAsync(string fil

dom4j将xml转换成对象

package test; import java.lang.reflect.Field; import java.util.HashMap; import java.util.List; import java.util.Map; import org.dom4j.Document; import org.dom4j.DocumentHelper; import org.dom4j.Element; import org.dom4j.tree.DefaultAttribute; public

通过JavaScript将XML转换成HTML

首先是XML文件: test.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <team> 3 <people id="1"> 4 <name>lisi</name> 5 <gender>f</gender> 6 </people> 7 <people id="2"> 8 &

用dom4j及反射机制将xml转换成JavaBean

 import java.io.File; import java.io.FileWriter; import java.lang.reflect.Field; import java.lang.reflect.Method; import java.sql.Timestamp; import java.text.DateFormat; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.uti

C# xml转换成ini格式

最近一直在写一个关于自动转换文件格式的代码,一点小心得. 目标xml文件内容,我的命名是data2.xml <?xml version="1.0" encoding="utf-8"?> <User> <name>xuwei</name> <sex>male</sex> <age>25</age> </User> 生成的目标格式如下: 代码如下: class P