#前提・実現したいこと
行政が公開しているxmlデータをAPI経由で取得して、それに一定の処理を加えて表示するアプリを開発しています。
今のところ、取得してきたxmlデータが、アプリ画面(html)にそのまま羅列されるだけなので、css等のスタイルシートで見やすく加工したいと考えています。
#発生している問題・やってみたこと
html内のxmlデータに対してcssを適用する方法がわかりません。
xml部分が独立したxmlファイルであれば、xsltスタイルシートで加工できそうですが(下記url)、上記で取得したデータは独立したxmlファイルではなく、html内にxmlデータが埋め込まれているだけである(拡張子はhtml)ため、xsltスタイルシートでは加工できなさそうです。
xmlデータを取得・表示した後のhtmlは以下のようになっています。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Result</title> 8 <link rel="stylesheet" href="css/reset.css"> 9 <link rel="stylesheet" href="css/style.css"> 10</head> 11<body> 12 <div id="result"> 13 <!-- ここから下に取得してきたxmlデータが表示されます。 --> 14 <ApplData> 15 <hoge> 16 <hogehoge>AAAA</hogehoge> 17 <hogehoge>BBBB</hogehoge> 18 <hogehoge>CCCC</hogehoge> 19 </hoge> 20 <hoge> 21 <hogehoge>DDDD</hogehoge> 22 <hogehoge>EEEE</hogehoge> 23 <hogehoge>FFFF</hogehoge> 24 </hoge> 25 ・・・ 26 </ApplData> 27 </div> 28 29<script src="js/jquery-3.3.1.min.js"></script> 30<script src="js/script.js"></script> 31</body> 32</html>
html内部のxmlデータにスタイルシート(css等)を適用する方法はないでしょうか??
アドバスいただけますと大変助かります。。
回答2件
あなたの回答
tips
プレビュー