navigate2.htm

来自「Windows Web脚本开发指南/(美) Dan Heflin, Todd N」· HTM 代码 · 共 68 行

HTM
68
字号
<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 + =
减小字号Ctrl + -
显示快捷键?