<html>
<head>
<title>example</title>
<SCRIPT>
function setValue(value) {
var diputree = parent.frames["diputree"].document.diputree;
var docElem = "#/1";
var xptr = "#xpointer(has/*[1]/lt)";
var element = diputree.lookup(docElem,xptr);
diputree.setValue(element,value);
diputree.refresh (100);
}
function display() {
var diputree = parent.frames["diputree"].document.diputree;
var docElem = "#/1";
var xptr = "#xpointer(has/*[1]/lt)";
var element = diputree.lookup(docElem,xptr);
var text = diputree.getValue(element);
alert ("the first node has text: " + text);
}
</SCRIPT>
</head>
<body>
<form id="scriptForm" name="scriptForm">
<p>Set value:
<p><input type="text" name="textField" id="textField">
<p><input type="button" value="set" onClick="setValue(document.scriptForm.textField.value);">
<p>Display value:
<p><input type="button" value="display" onClick="display();">
</form>
</body>
</html>
Look up the first node.
var docElem = "#/1";
var xptr = "#xpointer(has/*[1])";
var element = diputree.lookup(docElem,xptr);
Set the value of that node.
diputree.setValue(element,value);
Retrieve the value of that node.
var text = diputree.getValue(element);