javascript - Edit css of a site loaded in an object -


i'm trying edit class ".game" have 'top' in css set 0 x number on site: http://oldschool1.runescape.com/j1

<!doctype html>  <html lang="en">  <head>      <script src='http://www.jagex.com/js/jquery/jquery_1_7.js'></script>  <meta charset="utf-8" />  <script>  document.getelementbyclass("game").top = 0;  </script>  </head>  <body bgcolor="#000000">   <div>       <object type="text/html" data="http://oldschool1.runescape.com/j1" width="785" height="535" style="overflow:auto;border:5px ridge blue"></object>      <br>      <object type="text/html" data="http://oldschool1.runescape.com/j1" width="785" height="535" style="overflow:auto;border:5px ridge blue"></object>      <br>      <object type="text/html" data="http://oldschool1.runescape.com/j1" width="785" height="535" style="overflow:auto;border:5px ridge blue"></object>      </div>   <button type='button'>scroll</button>  </body>  </html>

if inspect elements can find div class game , there parametr 'top' in css want set 0. i've tried work out 3hours have no more ideas how it.

you have jquery, should able this

$('.game').css('top','0');