📄 modifyelements.htm

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

💻 HTM

字号:

<html>
<script Language="JavaScript">
var workElement;
var lastElement = null;
function load(){
  xmlDocObject.async = false;
  xmlDocObject.loadXML("<root><workArea>The Value</workArea></root>");
  workElement = xmlDocObject.documentElement.firstChild;
  displayXML();
}
function displayXML(){
  RawXML.innerText = xmlDocObject.xml;
}
function addNode(){
  var elementName = NewName.value;
  lastElement = xmlDocObject.createElement(elementName);	
  lastElement.text = NewValue.value;
  workElement.appendChild(lastElement);
  displayXML();
}
function addClone(){
  lastElement = workElement.cloneNode(true);
  workElement.insertBefore(lastElement, workElement.firstChild);
  displayXML();
}
function undo(){
  if (lastElement != null){
    workElement.removeChild(lastElement);
    displayXML();
  }
}
function reset(){
  var newNode = xmlDocObject.createElement("workArea");
  newNode.text = "The Value";
  oldElement = xmlDocObject.documentElement.firstChild;
  xmlDocObject.documentElement.replaceChild(newNode, oldElement);
  lastElement = null;
  displayXML();
}</script>
<body onLoad="load()">
<p align="center"><b>Manipulate Elements - All changes are from the first child</b></p>
<xml ID="xmlDocObject"></xml>
Document XML:<BR>
<div ID="RawXML"></div>
<p>Element Name:<input type="text" ID="NewName">
Value:<input type="text" ID="NewValue">
<input type="button" value="Create Element" onClick="addNode()"></p>
<input type="button" value="Clone Node" onClick="addClone()">
<input type="button" value="Undo" onClick="undo()">
<input type="button" value="Reset" onClick="reset()">
</body></html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -