htmlに埋め込まれたxmlデータがツリー構造の関係で島を形成する仕組みについて
2022-01-04 22:53:12
以下のコードのように、htmlで参照されるxmlデータアイランドのツリー構造関係をどのように通過させるか?私は、このdatafldがどのようにxml内のタグ名を使用する必要があり、どのようにプレフィックスを追加し、どのようにレジュームから名前の子要素を取得する方法がわからないのでしょうか?また、私のhtmlファイルはどのように変更されるべきですか?
xmlデータファイルは :
XMLコードです。
<?xml version="1.0" encoding="UTF-8"? >
<resume>
<name>mike</name>
<age>29</age>
</resume>
htmlファイルはこんな感じです。
HTMLコードです。
<html>
<body>
<XML id="myds" src="kg.xml"></XML>
<table datasrc="myds">
<tr>
<td><div datafld="resume:name"/></div></td>
<td><div datafld="name"/></div></td>
<td><div datafld="age"/></div></td>
</tr>
</table>
</body>
</html>
上記の問題を回避するためには、2つの変更が必要です。
1. datasrc="# ここでは#記号を省いています。
2.spanを使用する必要があります。
以下は、修正したコードの正確な内容です。
XMLのコードです。
<?xml version="1.0" encoding="UTF-8"? >
<resume>
<name>mike</name>
<age>29</age>
</resume>
HTMLコードです。
<xml id="XMLData" src="test.xml"></xml>
<table id="tblbooks" datasrc="#XMLData" border=1 datapagesize=2 width="100%">
<thead>
<th style="font-style: blod">Name</th>
<th style="font-style: blod">Age</th>
</thead>
<tr>
<td><span datafld="name"></span></td>
<td><span datafld="age"></span></td>
</tr>
</table>
xmlデータファイルは :
XMLコードです。
コピーコード
コードは以下の通りです。
<?xml version="1.0" encoding="UTF-8"? >
<resume>
<name>mike</name>
<age>29</age>
</resume>
htmlファイルはこんな感じです。
HTMLコードです。
コピーコード
コードは以下の通りです。
<html>
<body>
<XML id="myds" src="kg.xml"></XML>
<table datasrc="myds">
<tr>
<td><div datafld="resume:name"/></div></td>
<td><div datafld="name"/></div></td>
<td><div datafld="age"/></div></td>
</tr>
</table>
</body>
</html>
上記の問題を回避するためには、2つの変更が必要です。
1. datasrc="# ここでは#記号を省いています。
2.spanを使用する必要があります。
以下は、修正したコードの正確な内容です。
XMLのコードです。
コピーコード
コードは以下の通りです。
<?xml version="1.0" encoding="UTF-8"? >
<resume>
<name>mike</name>
<age>29</age>
</resume>
HTMLコードです。
コピーコード
コードは以下の通りです。
<xml id="XMLData" src="test.xml"></xml>
<table id="tblbooks" datasrc="#XMLData" border=1 datapagesize=2 width="100%">
<thead>
<th style="font-style: blod">Name</th>
<th style="font-style: blod">Age</th>
</thead>
<tr>
<td><span datafld="name"></span></td>
<td><span datafld="age"></span></td>
</tr>
</table>
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン