JS 解析 XML 実装コード_JavaScript スキル
May 16, 2016 pm 06:42 PM
js
XMLを解析する
JS コード:
コードをコピー コードは次のとおりです:
<script language=" javascript" type ="text/javascript">
//読み込むxmlファイル
var uRl = "jsReadXml.xml";
var xmlDoc;
//初期化、値の割り当て上記で定義された変数に
// function showcurcity(){
if(window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); "false"
xmlDoc.load(uRl);
getvalue();
}
else if(document.implementation && document.implementation.createDocument)
{
xmlDoc=document .implementation.createDocument(" ", "root", null);
xmlDoc.onload=getvalueff;
}
// null を返す;
// }
// }
function getvalue()
{
var nodes=xmlDoc.documentElement.childNodes;
var now=new Date(); 🎜>for(i= 0;i
alert(nodes.item(i) .childNodes.item(1 ).text);
alert(nodes.item(i).childNodes.item(2).text);
}
}
関数 getvalueff(){
var cCode=xmlDoc .getElementsByTagName("date");
var now = new Date();
var nowvalue=now.getFullyear() '年' (now.getMonth() 1) '月' now.getDate() ' day';
for(i=0;i
alert(xmlDoc.getElementsByTagName("imgsrc")[i].childNodes[0 ].nodeValue);
alert(xmlDoc.getElementsByTagName("title")[i].childNodes[0].nodeValue);
alert(xmlDoc.getElementsByTagName("url")[i].childNodes[0] ].nodeValue);
}
}
</script>
xml コード:
コードをコピー
コードは次のとおりです。 <?xml version="1.0" encoding="UTF-8" ?> <root>
<imags> <imgsrc>images/ad-01.jpg</imgsrc>
<title>ホーチミン</title>
<url> /torchrelay.beijing2008.cn/cn/journey /hochiminhcity/</url>
</imags>
<imgsrc>images/ad-02> ;
<title>香港 2</title>
<url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url> ;
<imags>
<imgsrc>images/ad-03.jpg</imgsrc>
<title>
<url> /torchrelay.beijing2008.cn/cn/journey/hongkt;
</imags>
<imgsrc>images/ad-04> ;
<title>香港 4</title>
<url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url> ;
<images>
<imgsrc>images/ad-05>
<title>
<url> /torchrelay.beijing2008.cn/cn/journey/hongkong/< ;/url>
</imags>
も参照できます。記事
IE と FF を見てます----- -Js で XML ファイルを読み込みます
数日前にちょっとした機能(オリンピック聖火リレールート)を実装するために Js で XML ファイルを読み込みましたが、少し時間がかかりました。 IE と FF に適応させるには
コードをコピーします
<title>ホーチミン</title>
<url> /torchrelay.beijing2008.cn/cn/journey /hochiminhcity/</url>
</imags>
<imgsrc>images/ad-02> ;
<title>香港 2</title>
<url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url> ;
<imags>
<imgsrc>images/ad-03.jpg</imgsrc>
<title>
<url> /torchrelay.beijing2008.cn/cn/journey/hongkt;
</imags>
<imgsrc>images/ad-04> ;
<title>香港 4</title>
<url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url> ;
<images>
<imgsrc>images/ad-05>
<title>
<url> /torchrelay.beijing2008.cn/cn/journey/hongkong/< ;/url>
</imags>
も参照できます。記事
IE と FF を見てます----- -Js で XML ファイルを読み込みます
数日前にちょっとした機能(オリンピック聖火リレールート)を実装するために Js で XML ファイルを読み込みましたが、少し時間がかかりました。 IE と FF に適応させるには
コードをコピーします
コードは次のとおりです:
<script language="javascript" type="text/javascript">
var xmlDoc;
関数 showcurcity()
{
if(window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false"
xmlDoc.load("OlyCity.xml");
getvalue();
}
else if(document.implementation && document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument("", "root", null);
xmlDoc.load('OlyCity.xml');
xmlDoc.onload=getvalueff;
}
else
{
null を返します。
}
}
function getvalue()
{
var nodes=xmlDoc.documentElement.childNodes;
var now=new Date();
for(i=0;i
if(value==now.toLocaleDateString())
{
window.document.getElementById('curcity').innerText=nodes.item(i).childNodes.item(1).text;
window.document.getElementById('curcity').href =nodes.item(i).childNodes.item(2).text;
}
}
}
function getvalueff(){
var cCode=xmlDoc.getElementsByTagName("date");
var now = new Date();
var nowvalue=now.getFull Year() '年' (now.getMonth() 1) '月' now.getDate() '日';
for(i=0;i
var value=cCode[i].childNodes[0].nodeValue;
if(value==nowvalue)
{
window.document.getElementById('curcity').href =xmlDoc.getElementsByTagName("url")[i].childNodes[0].nodeValue;;
window.document.getElementById('curcity').childNodes[0].nodeValue=xmlDoc.getElementsByTagName("city")[i].childNodes[0].nodeValue;
}
}
}
setInterval(showcurcity,1000);
</script>
以下は xml の断片です。
复制代代码如下:
<?xml version="1.0" encoding=" gb2312" ?>
<ルート>
<都市メッセージ>
<日付>2008年4月29日日付>
<city>胡志明市</city>
<url>http://torchrelay.beijing2008.cn/cn/journey/hochiminhcity/</url>
</citymessage>
2008年4月30日日付>
<city>香港</city>
<url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url>
</citymessage>
</root>
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7290
9


Java チュートリアル
1622
14


CakePHP チュートリアル
1342
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1206
29



株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描画する手順を学びます

PHP および JS 開発のヒント: 株価ローソク足チャートの描画方法をマスターする
