Document Object Model (DOM) - slide "From the Example"

Creating a new li node:

  var newitem2=document.createElement("li");
  var newtext2=document.createTextNode("This is the last list item");
  newitem2.style.color="lime";

Inserting the element (ulorig is Id on <ul> node, listorig is Id on a <li> node):
```
  document.getElementById("ulorig").insertBefore(newitem,listorig);
```

Appending to end of <ul> list:

  document.getElementById("ulorig").appendChild(newitem);

Replacing an element (listrepl is Id attached to the <li> element before the one to be replaced):

  document.getElementById("ulorig").replaceChild(
           newitem,listrepl.nextSibling);