This example shows how to style an element using Node.

{{>node-style-source}}

Setting up the HTML

First we need some HTML to work with.

```

Click me to change my color and show some style information.

```

Using Style Methods

In this example, we will set the node's color and compare the style and computedStyle values when our demo node is clicked.

``` var onClick = function(e) { var node = e.currentTarget; node.setStyle('color', 'red'); var styleColor = node.getStyle('color'), computedColor = node.getComputedStyle('color'); Y.one('.example dl').setContent('
style.color
' + styleColor + '
' + '
computedStyle.color
' + computedColor + '
'); }; ```

The last step is to assign the click handler.

``` Y.one('#demo').on('click', onClick); ```

Complete Example Source

``` {{>node-style-source}} ```