XML は、通常はデータ送信のキャリアとして、Web 開発で広く使用されています。一般に、データがフロントエンドに渡されるときは、使用する前に JavaScript で解析する必要があります。したがって、JavaScript を使用して XML を解析することは非常に一般的です。
次の XML ファイルがあります:
<?xml version="1.0" encoding="ISO-8859-1" ?> <note> <to>duncan</to> <from>John</from> <heading>Reminder</heading> <body>Don't forget the meeting!</body> </note>
は次のメソッドを使用して解析できます:
<html> <head> <script type="text/javascript"> function parseXML() { try //Internet Explorer { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); } catch(e) { try //Firefox, Mozilla, Opera, etc. { xmlDoc=document.implementation.createDocument("","",null); } catch(e) { alert(e.message); return; } } xmlDoc.async=false; xmlDoc.load("note.xml"); document.getElementById("to").innerHTML= xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue; document.getElementById("from").innerHTML= xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue; document.getElementById("message").innerHTML= xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue; </script> </head> <body onload="parseXML()"> <h1>www.nowamagic.net</h1> <p><b>To:</b> <span id="to"></span><br /> <b>From:</b> <span id="from"></span><br /> <b>Message:</b> <span id="message"></span> </p> </body> </html>
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue このコードを理解するにはどうすればよいですか?
xmlDoc - パーサーによって作成された XML ドキュメント。
getElementsByTagName("to")[0] - 最初の
childNodes[0] -
nodeValue - ノードの値 (テキスト自体)。
XML ファイルが次の場合:
<?xml version="1.0" encoding="ISO-8859-1" ?> <note> <to>asdfsd <too>duncan1</too> </to> <too>duncan2</too> <from>John</from> <heading>Reminder</heading> <body>Don't forget the meeting!</body> </note>
最初の
2 番目の