745499 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

読書と技術となんか色々のログ

読書と技術となんか色々のログ

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

PR

カレンダー

カテゴリ

2008年03月17日
XML
カテゴリ:[JS] JavaScript
JavaScriptプログラミング入門(その8)ローカルのxmlファイルを読み込む

サンプル sample.xml

<?xml version="1.0" encoding="UTF-8"?>
<rootTag>
    <items>
        <no>1</no>
        <title>Yahoo! JAPAN</title>
        <link>http://www.yahoo.co.jp/</link>
    </items>
    <items>
        <no>2</no>
        <title>iGoogle</title>
        <link>http://www.google.co.jp/</link>
    </items>
    <items>
        <no>3</no>
        <title>楽天が運営するポータルサイト</title>
        <link>http://www.infoseek.co.jp/</link>
    </items>
</rootTag>


1.xmlファイルを取り込むための空のドキュメントを生成する。

Netscape
var xmldoc = document.implementation.createDocument()

※document.implementationプロパティは、DOMImplementaion
 オブジェクトへの参照。
※DOMImplementationオブジェクトのcreateDocumentメソッド
 はXMLのDocumentオブジェクトを生成する。
※Firefoxで、alert(xmldoc)とすると「XMLDocument」と
 表示される。

IE
var xmldoc = ActiveXObject("MSXML2.DOMDocument)


2.xmlファイルを取り込む。
xmldoc.async = false;
xmldoc.load("sample.xml");


3.取り込んだxmlファイルを操作する

var tags = xmldoc.getElementsByTagName("items");

for (var i=0; i<tags.length; i++){
  tags[i].getElementsByTagName("no")[0].firstChild.nodeValue;
  tags[i].getElementsByTagName("title")[0].firstChild.nodeValue;
  tags[i].getElementsByTagName("link")[0].firstChild.nodeValue;
}





XMLDocumentDocument
ATTRIBUTE_NODEATTRIBUTE_NODE
CDATA_SECTION_NODECDATA_SECTION_NODE
COMMENT_NODECOMMENT_NODE
DOCUMENT_FRAGMENT_NODEDOCUMENT_FRAGMENT_NODE
DOCUMENT_NODEDOCUMENT_NODE
DOCUMENT_POSITION_CONTAINED_BYDOCUMENT_POSITION_CONTAINED_BY
DOCUMENT_POSITION_CONTAINSDOCUMENT_POSITION_CONTAINS
DOCUMENT_POSITION_DISCONNECTEDDOCUMENT_POSITION_DISCONNECTED
DOCUMENT_POSITION_FOLLOWINGDOCUMENT_POSITION_FOLLOWING
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFICDOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC
DOCUMENT_POSITION_PRECEDINGDOCUMENT_POSITION_PRECEDING
DOCUMENT_TYPE_NODEDOCUMENT_TYPE_NODE
ELEMENT_NODEELEMENT_NODE
ENTITY_NODEENTITY_NODE
ENTITY_REFERENCE_NODEENTITY_REFERENCE_NODE
NOTATION_NODENOTATION_NODE
PROCESSING_INSTRUCTION_NODEPROCESSING_INSTRUCTION_NODE
TEXT_NODETEXT_NODE
---URL
addBindingaddBinding
adoptNodeadoptNode
---alinkColor
---anchors
appendChildappendChild
async---
---applets
attributesattributes
baseURIbaseURI
---bgColor
---body
---captureEvents
characterSetcharacterSet
childNodeschildNodes
---clear
cloneNodecloneNode
---close
compareDocumentPositioncompareDocumentPosition
---compatMode
contentTypecontentType
---cookie
createAttributecreateAttribute
createAttributeNScreateAttributeNS
createCDATASectioncreateCDATASection
createCommentcreateComment
createDocumentFragmentcreateDocumentFragment
createElementcreateElement
createElementNScreateElementNS
createEntityReferencecreateEntityReference
createEventcreateEvent
createExpressioncreateExpression
createNSResolvercreateNSResolver
createNodeIteratorcreateNodeIterator
createProcessingInstructioncreateProcessingInstruction
createRangecreateRange
createTextNodecreateTextNode
createTreeWalkercreateTreeWalker
defaultViewdefaultView
---designMode
dirdir
dispatchEventdispatchEvent
doctypedoctype
documentElementdocumentElement
documentURIdocumentURI
domConfigdomConfig
---domain
---embeds
evaluateevaluate
evaluateFIXptr---
evaluateXPointer---
---execCommand
---execCommandShowHelp
---fgColor
firstChildfirstChild
---forms
getAnonymousElementByAttributegetAnonymousElementByAttribute
getAnonymousNodesgetAnonymousNodes
getBindingParentgetBindingParent
getBoxObjectForgetBoxObjectFor
getElementByIdgetElementById
---getElementsByName
getElementsByTagNamegetElementsByTagName
getElementsByTagNameNSgetElementsByTagNameNS
getFeaturegetFeature
---getSelection
getUserDatagetUserData
hasAttributeshasAttributes
hasChildNodeshasChildNodes
---height
---images
implementationimplementation
importNodeimportNode
inputEncodinginputEncoding
insertBeforeinsertBefore
isDefaultNamespaceisDefaultNamespace
isEqualNodeisEqualNode
isSameNodeisSameNode
isSupportedisSupported
lastChildlastChild
lastModifiedlastModified
---linkColor
---links
load---
loadBindingDocumentloadBindingDocument
localNamelocalName
lookupNamespaceURIlookupNamespaceURI
lookupPrefixlookupPrefix
namespaceURInamespaceURI
nextSiblingnextSibling
nodeNamenodeName
nodeTypenodeType
nodeValuenodeValue
normalizenormalize
normalizeDocumentnormalizeDocument
ownerDocumentownerDocument
parentNodeparentNode
---plugins
preferredStylesheetSetpreferredStylesheetSet
prefixprefix
previousSiblingpreviousSibling
---queryCommandEnabled
---queryCommandIndeterm
---queryCommandState
---queryCommandSupported
---queryCommandText
---queryCommandValue
---readyState
referrerreferrer
---releaseEvents
removeBindingremoveBinding
removeChildremoveChild
removeEventListenerremoveEventListener
renameNoderenameNode
replaceChildreplaceChild
---routeEvent
setBoxObjectForsetBoxObjectFor
setUserDatasetUserData
strictErrorCheckingstrictErrorChecking
styleSheetsstyleSheets
textContenttextContent
titletitle
---vlinkColor
---width
---write
---writeln
xmlEncodingxmlEncoding
xmlStandalonexmlStandalone
xmlVersionxmlVersion






お気に入りの記事を「いいね!」で応援しよう

最終更新日  2008年03月21日 20時53分53秒
コメント(0) | コメントを書く
[[JS] JavaScript] カテゴリの最新記事



© Rakuten Group, Inc.