Node: DOM Methods
+ +
+
+
+ +
This example demonstrates how to use the DOM methods of a Node instance.
+Click any of the boxes to move them to the other list.
+ + +
+
+
+
+
+
+
+
+
+
+ -
+
- lorem +
- ispum +
- dolor +
- sit +
-
+
- foo +
Setting up the Node
+First we need some HTML to work with.
+ +Using DOM Methods
+Most common DOM methods are available via Node instances. These can be used to add, remove, and retrieve other nodes.
+Now we need a handler to move a node to a new list when the click event fires.
Note that appendChild returns a Node instance representing the node that was appended.
Listening for Node Events
+We can assign our handler to all of the items by using the all method to get a NodeList instance and using the on method to subscribe to the event.