web前端开发工程师的随记–黑妞haha

html code:

<div id="foo"></div>
<div id="bar"></div>
<button id="demo-run">run</button>

YUI2 js code:

<script type="text/javascript">
(function() {
 var move = function() {
   var xy = YAHOO.util.Dom.getXY('bar');
   YAHOO.util.Dom.setXY('foo', xy);
 };
 YAHOO.util.Event.on('demo-run', 'click', move);
})();
</script>

YUI3 js code:

<script type="text/javascript">
YUI().use('node', function(Y) {
   var move = function() {
     var xy = Y.one("#bar").getXY();//left = obj.getX() or top = obj.getY();
     Y.one("#foo").setXY(xy);//obj.setStyle("left",left);
  };
 Y.one("#demo-run").on('click', move);
});
</script>