當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 將XML文件綁定到table代碼怎么寫

將XML文件綁定到table代碼怎么寫

2012/11/11 12:28:33作者：佚名來源：網絡

移動端

【實例名稱】

將XML文件綁定到table代碼怎么寫

【實例描述】

JavaScript可以動態加載XML文件，但table也提供一個屬性可以將XML數據顯示在表格中。本例學習如何將XML文件綁定到表格。

【實例代碼】

<html>
<head>
<title>綁定到Table-學無憂（www.yzddtk.cn）</title>
</head>
<body>
<xml id="cdcat" src="19.13  將XML文件綁定到Table.xml" tppabs="將XML文件綁定到Table.xml"></xml>
<table border="1" datasrc="#cdcat">
<thead>
<tr><th>演唱者</th><th>歌名</th></tr>
</thead>
<tfoot>
<tr><th colspan="2">這是我喜歡的CD</th></tr>
</tfoot>
<tbody>
<tr>
<td><span datafld="artist"></span></td>
<td><span datafld="title"></span></td>
</tr>
</tbody>
</table>
</body>
</html>

XML文件的內容如下所示：

  <?xml version="1.0" encoding="utf-8" ?> 
- <cd>
- <cdcat>
  <artist>jay</artist> 
  <title>她的睫毛-</title> 
  </cdcat>
- <cdcat>
  <artist>Eason</artist> 
  <title>愛情呼叫轉移-</title> 
  </cdcat>
  </cd>

【運行效果】

將XML文件綁定到table運行效果

【難點剖析】

本例的重點是xml標簽，其用來加載指定的XML文件。table標簽的“datasrc”屬性用來指定要綁定到table的數據源，與Xml標簽的“id”屬性對應。在表格的單元格中，使用span標簽的“datafld”屬性對應XML文件中的字段。

【源碼下載】

為了JS代碼的準確性，請點擊：將XML文件綁定到table 進行本實例源碼下載

標簽： XML

上一篇：JavaScript讀取自身文件內的XML
下一篇：使用JavaScript加載XML文件

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频