Question

如果我有一个页面在每次加载时插入不需要的div，有没有办法隐藏它而不使用CSS？我无法访问该div，并且没有ID或CLASS。

例如，我不希望浏览器显示以下div：

<div style="text-align: center; font-size: 14px; text-decoration: none;">Please click <a style="text-decoration: none !important;" target="_blank" href="http://www.website.com"><b>here</b></a></div>

我找到了隐藏特定文字字符串的问题和答案，但它并不适用。

Answer 1

你可以做到

 document.getElementsByTagName("div")[0].style.display = 'none';

Answer 2

您可以尝试使用属性值选择div中的内容。你的div中的Href属性是完美的，然后只需使用jQuery .parent（）方法来选择整个div。

$("a[href='http://www.website.com']").parent().css("display","none")

以下是工作示例：

http://jsfiddle.net/waxtue0o/

Answer 3

有一些方法可以在没有id或类的情况下识别元素。如果你有jquery你可以使用更高级的选择器，如mgibala说（虽然我更喜欢没有脚本）。

有关选择器的信息，请参阅http://www.w3schools.com/cssref/css_selectors.asp。以下两个例子。

小提琴：http://jsfiddle.net/o8oyd3e2/

HTML：

<body>
    <div style="background-color='red';">
        Spam spam spam
    </div>
    <div>
        Some content
    </div>
    <div class="myContent">
        Some content
    </div>
    <div style="background-color='red';">
        Spam spam spam
    </div>
</body>

CSS：

body div:first-child {
    display:none;
}

body div.myContent + div {
    display:none;
}

或者您可以在其他地方托管您的网站...

隐藏没有CSS的特定div

3 个答案: