Web Developer's Room
HOME > XML講座 > XMLの操作(レコードの追加)     

XMLの操作(レコードの追加)

バインドしたXMLの最終行を複製し、現在の最終行に追加するサンプルです。

test.xml
<?xml version="1.0" encoding="Shift_JIS"?>
<records>
  <record>
    <name>伊藤 太郎</name>
    <address>XX市XX町XX番地</address>
    <old>1974/04/01</old>
    <tel>090-xxxx-xxxx</tel>
  </record>
  <record>
    <name>田中 花子</name>
    <address>YY市YY町YY番地</address>
    <old>1980/12/11</old>
    <tel>090-yyyy-yyyy</tel>
  </record>
  <record>
    <name>鈴木 次郎</name>
    <address>ZZ市ZZ町ZZ番地</address>
    <old>1976/08/25</old>
    <tel>090-zzzz-zzzz</tel>
  </record>
</records>

<html>
<body>
<script language="javascript">
<!--
function addline() {
  //最終行の取得
  objNode = XMLDoc.selectNodes("records/record")(XMLDoc.selectNodes("records/record").length - 1);
  //最終行の複製を追加
  XMLDoc.selectNodes("records")(0).appendChild(objNode.cloneNode(true));
}
-->
</script>

<xml id="XMLDoc" src="test.xml"></xml>

<table datasrc="#XMLDoc" border=1>
  <thead>
  <tr>
    <th>name</th>
    <th>address</th>
    <th>tel</th>
    <th>birth</th>
  </tr>
  </thead>
  <tr>
    <td><div datafld=name"></div></td>
    <td><div datafld=address"></div></td>
    <td><div datafld=birth"></div></td>
    <td><div datafld=tel"></div></td>
  </tr>
</table>

<input type="button" value="XMLソース" onclick="alert(XMLDoc.xml)">
<input type="button" value="追加" onclick="addline()">

</body>
</html>

 サンプル


関連リンク
  • XMLとは
  • XMLの作り方
  • XMLの構造
  • XMLの操作(レコードの移動)




  • スポンサードリンク


    (C) Web Developer's Room All rights reserved.