📄 navigate2.htm

📁 Windows Web脚本开发指南/(美) Dan Heflin, Todd Ney著的源码

💻 HTM

字号:

<html>
<script Language="JavaScript">
var activeElement;
var showXML=false;
function loadXML(){
  xmlDocObject.async = false;
  xmlDocObject.load("big.xml");
  activeElement = xmlDocObject.documentElement.firstChild;
  setMessages(); 
}
function changeActive(direction){
  var tempElement;
  switch (direction) {
    case "Next":
      tempElement = activeElement.nextSibling;
      break;        
    case "Previous":
      tempElement = activeElement.previousSibling;        
      break;
    case "ParentElement":
      tempElement = activeElement.parentNode;        
      break;
    case "First":
      tempElement = activeElement.firstChild;
      break;
    case "Last":
      tempElement = activeElement.lastChild;        
  }
  if (tempElement == null)
    alert("Action causes an invalid active element.");
  else{
    activeElement = tempElement;  
    setMessages();
  }
}
function setMessages(){
  if (showXML == true)  
    xmlSource.innerText =  "Current Elements XML:" + activeElement.xml; 
  else
    xmlSource.innerText = "";
  if (activeElement.hasChildNodes() == false)
    info.innerText = "The current element does not have children. The node type is: " + activeElement.nodeName;	
  else
    info.innerText = "The current element has " + activeElement.childNodes.length + " direct children. The node type is: " + activeElement.nodeName;
}
function showHide(){
  if (showXML == false){  
    xmlSource.innerText =  activeElement.xml; 
    showXML = true;
  }
  else{
    xmlSource.innerText = "";
    showXML = false;
  }
}
</script>
<body onLoad="loadXML()">
<xml ID="xmlDocObject"></xml>
<p align="center"><b>Simply Navigating An XML Document</b></p>
<div ID="xmlSource">&nbsp;</div><p><div ID="info">&nbsp;</div>
<input type="button" value="Next Sibling" onClick="changeActive('Next')">
<input type="button" value="Previous Sibling" onClick="changeActive('Previous')">
<input type="button" value="Set Parent Active" onClick="changeActive('ParentElement')">
<input type="button" value="First Child" onClick="changeActive('First')">
<input type="button" value="Last Child" onClick="changeActive('Last')">
<input type="button" value="Show / Hide Source" onClick="showHide()">
</body></html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -