16-5.htm

来自「《JAVASCRIPT 动态网页编程实例手册》一书中的源代码」· HTM 代码 · 共 70 行

HTM
70
字号
    <html><head><title>访问XML元素</title> 
        <xml ID="xml1">
          <?xml version="1.0" encoding="gb2312"?> 
          <!DOCTYPE EVENTS [ 
          <!ELEMENT EVENTS (EVENT*)> 
          <!ELEMENT EVENT (EVENT_TITLE, EVENT_NUMBER, SUBJECT, DATE, PEOPLE*)> 
          <!ELEMENT EVENT_TITLE (#PCDATA)> 
          <!ELEMENT EVENT_NUMBER (#PCDATA)>     
          <!ELEMENT SUBJECT (#PCDATA)> 
          <!ELEMENT DATE (#PCDATA)> 
          <!ELEMENT NAME (#PCDATA)> 
          <!ELEMENT TITLE (#PCDATA)> 
          <!ELEMENT PEOPLE (PERSON*)> 
          <!ELEMENT PERSON (NAME,TITLE)> 
          <!ATTLIST EVENT 
             TYPE CDATA #IMPLIED> 
          <!ATTLIST PERSON 
             ATTENDENCE CDATA #IMPLIED> 
          ]>     
          <EVENTS> 
            <EVENT TYPE="informal"> 
               <EVENT_TITLE>第16届环境大会</EVENT_TITLE> 
               <EVENT_NUMBER>1206</EVENT_NUMBER> 
               <SUBJECT>当前面临的问题和解决措施</SUBJECT> 
               <DATE>2004/11/26</DATE> 
               <PEOPLE> 
                  <PERSON ATTENDENCE="出席人"> 
                    <NAME>张涛</NAME> 
                    <TITLE>部长</TITLE> 
                  </PERSON> 
                  <PERSON ATTENDENCE="缺席人"> 
                     <NAME>赵奇</NAME> 
                     <TITLE>教授</TITLE> 
                  </PERSON> 
                  <PERSON ATTENDENCE="出席人"> 
                     <NAME>马玉山</NAME> 
                     <TITLE>高级工程师</TITLE> 
                  </PERSON> 
              </PEOPLE> 
            </EVENT> 
          </EVENTS>         
        </xml> 
        <script language="javascript"> 
        <!--
            function reader(){ 
               var document1, eventsNode, eventNode, peopleNode ;
               var nameNode, titleNode, displayText ;
               document1 = document1= document.all("xml1").XMLDocument ;              
               eventsNode = document1.documentElement ; 
               eventNode = eventsNode.firstChild ;
               peopleNode = eventNode.lastChild ;
               personNode = peopleNode.lastChild ;
               nameNode = personNode.firstChild ;
               titleNode = nameNode.nextSibling ;
               displayText = "第三位客人是:" + nameNode.firstChild.nodeValue + 
                             ' '  + titleNode.firstChild.nodeValue; 
               div1.innerHTML=displayText; 
             } 
         //--> 
         </script> 
    </head> 
    <body> 
        <h1>访问XML元素</h1> 
        <input type="button" value="得到第三位客人的名字和职位" 
            onclick="reader()"> 
        <br> <br>
        <div id="div1"></div> 
    </body> 
    </html> 

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?