YUI Library Examples: Node: Adding Node Content

Node: Adding Node Content

Setting up the NodeList

First we need some HTML to work with.

Adding Content

Next we will add a handler to run when the event is fired. In our handler we will add content to the node.

Note that the event handler receives an event object with its currentTarget set to the current Node instance, and the actual node clicked as the target. The context of the handler is the NodeList instance, so this refers to our NodeList instance.

Note that prepend adds the content as the firstChild of the Node instance, append ass the content as the lastChild, and insert inserts the content before the given node or childNode index.

Attaching 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.

Full Script Source