Question

我正在尝试编辑课程＆＃34; .game＆＃34;拥有顶级＆＃39;在css中，从此网站上的X号码设置为0：http://oldschool1.runescape.com/j1

＆＃13;

<!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>

＆＃13;

如果你检查元素你可以找到一个带有类游戏的div，并且有参数＆top;＆＃39; top＆＃39;在css我想要设置为0.我已经尝试了3小时，但我没有更多的想法如何做到这一点。

Answer 1

你有jquery，所以你应该可以做这样的事情

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

Answer 2

使用纯JavaScript时提醒这些：

将getElementsByClass更改为getElementsByClassName
将脚本移动到页面末尾，让元素呈现
使用.style.top代替.top

但是我使用Jquery重写了脚本以避免上述错误。即使使用Jquery，您也必须等待 object 内容加载并提取要使用的对象的内容。您不能直接从父页面使用对象元素。

＆＃13;

<!doctype html>
<html lang="en">
<head>
    <script src='http://www.jagex.com/js/jquery/jquery_1_7.js'></script>
<meta charset="utf-8" />

</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>
  
  <script type="text/javascript">
  $("object").each(function(){
         waitToLoad($(this))
  })
 
  function waitToLoad(obj){
      obj.on('load',function(){
      $(this).contents().css("top","0"); //Don't Forget contents();
      })
   }
</script>
  
</html>

＆＃13;

Answer 3

getElementByClass不是javascript方法。使用getElementsByClassName（）。

document.getElementsByClassName("CLASS_NAME")[0].style.top = 0;

Answer 4

因为看起来你正在使用jquery，你可以这样做：

var el = document.getElementsByClassName("game");

你现在有了一个javasript对象，所以你可以很容易地做到：

$.each(el, function(){
    $(this).css("top", "0");

}）;

这当然会将CSS样式应用于class =“game”的所有元素，但如果您愿意，可以使用if条件轻松过滤它。

Answer 5

在您提供的链接上，没有游戏类元素。我用jQuery检查了

var ele= $('.game'); // ele is null meaning empty

编辑加载在对象中的网站的css

5 个答案: