Question

我有一个脚本可以显示一些我不想要的东西（选择器）。

该脚本会显示一个名为“selector”的div类，我不希望显示该div类。（我无法访问css文件）

这是脚本：

<script language="javascript" type="text/javascript">
  window.onload = function() {
     var script = document.createElement("script");
     script.type = "text/javascript";
     script.setAttribute("language", "javascript");
     script.src = "http://js.sbrfeeds.com/js";
     script.id = "widget-main-script";
     document.body.appendChild(script);
  }

有没有办法在上面的脚本中添加一些代码，以便在加载时隐藏div“selector”？

基本上，我希望图片中圈出的内容不显示，并且它位于div类名称“selector”中。

图片在这里：http://imagizer.imageshack.us/v2/800x600q90/543/f385.png

Answer 1

document.getElementsByClassName('selector')[0].style.display = 'none';

请注意，在运行之前，您需要确保脚本已完全加载。您是否有理由不将脚本添加为脚本标记，以便在页面加载时加载？然后你不必担心所有那些笨蛋。

Answer 2

假设你的Div有一个ID（你使用的是JQuery），你可以这样做：JSFiddle

$('#selDiv').removeClass('selector');

如果您不使用JQuery，可以执行此操作：JSFiddle

document.getElementById("selDiv").className = "";

Answer 3

这不是一个合法的答案，但我最终只是隐藏了我需要使用div类隐藏的东西。只是把它扔到这里以防其他人需要它。如果它是一个难以隐藏的笨拙形状，你也可以使用png文件。我的只是长方形。

Answer 4

var css = '.selector { display : none}',
    header = document.getElementsByTagName('head')[0],
    style = document.createElement('style');

style.type = 'text/css';
if (style.styleSheet){
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

header.appendChild(style);

这将在标题处创建标记，然后您可以隐藏您的元素。此外，您可以设置其他CSS属性。不确定这适用于您的情况。

从javascript隐藏div

4 个答案: