getElement, set

Set property of an element.

by andfinally

HTML

<a href="http://google.com">Link</a>

<div id="output" class="clearfix"></div>

<a href="#" id="click">Click me</a>

CSS

a
{
    display: block;
    width: 100px;
    height: 20px;
    margin: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #EDC0E3; 
    text-decoration: none;
    float: left;
}

#click
{
    background: #666; 
    color: white;  
}

#ouput
{
     margin: 15px;border:1px solid green;  
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

JavaScript

$('click').addEvent('click', function() {
    var link = $(document.body).getElement('a');
    // Change HREF of link
    link.set('href', 'http://news.bbc.co.uk');
   $('output').set('text', 'The HREF is ' + link.get('href'));
});