Changing the data attribute of an object

test.html

<div id="scrollee" style="height:75%;" >
   <object id="object" height="90%" width="100%" type="text/html" data="http://en.wikipedia.org/"></object>
</div>
<a id="change-link" href="http://yahoo.com">link</a>
<script type="text/javascript">
window.onload = function() {
    var el = document.getElementById("change-link");
    el.onclick = function() {
        var target = this.getAttribute("href");
        var el = document.getElementById("object");
        el.setAttribute("data", target);
        return false;
    }
}
</script>