使用CSS或Javascript隐藏元素

我的HTML页面中有以下元素：

<a style="display:block;width:728px;height:90px;margin:0 auto;background:#EEE url('/_images/2011images/img_dotco_3.jpg') no-repeat top left; text-decoration:none;color:#000;" href="/domain-registration/dotco-overview.aspx?sourceid=bnrq2co728x90">
       <span style="float:right;margin:5px 27px 0 0;width:110px;color:#FFF;text-align:center">
          <span style="display:block;font-size:1em;text-align:center">NOW ONLY</span> 
          <strong style="display:block;font-size:1.6em;text-align:center"><!-- START TAG // Co_RegisterPrice_TLD -->
   <span class="Tag_Co_RegisterPrice_TLD"><strong>$35.70</strong>/yr</span>
<!-- End TAG // Co_RegisterPrice_TLD --></strong>       
       </span>    
    </a>

我需要用CSS或Javascript隐藏它。CSS将是最好的方案，但Javascript也可以。 事实上，我根本无法编辑HTML代码，因此无法直接删除此项。此外，这不是任何其他HTML元素的父元素，因此我没有找到一种简单的方法用CSS隐藏它

此外，我需要隐藏这个元素，即使背景图像改变或链接改变，事实上它并不总是相同的

我报告了所有可用的HTML。 这里有一个例子 这是那里的最高旗帜。

---

让我知道如何在页面中隐藏它。谢谢。

我认为为css选择器添加类或制定一些规则是行不通的，因为元素属性中的定义会覆盖另一个样式定义。 如果您使用一些javascript库进行dom操作（例如jQuery），这将很容易

在那之后你可以写一些像

$(".sCntSub3 > a").hide()

您可以尝试从浏览器控制台查找元素。如何验证您是否选择了正确的元素是一种简单的方法

使用jQuery进行尝试：

$('a[href^="/domain-registration/dotco-overview.aspx?sourceid"]').hide();

---

这会隐藏带有

href

属性的

a

标记，该属性以

/domain registration/dotco overview.aspx？sourceid

开头。您可以从类“tag\u Co\u RegisterPrice\u TLD”遍历dom树，找到可以隐藏的a标记

如果需要执行其他逻辑，则可以在决定隐藏之前访问文本（例如价格/标题/url）

---

如果原始javascript对您来说太多，请使用jQuery。

由于您无法更改HTML代码，因此无法向元素添加标识符来选择和操作它

但是您可以使用jQuery选择第一个“a”元素，并将“display”属性设置为“none”

我认为这样做应该：

$('a:first').css("display","none");

---

您可以尝试使用css：

a[style][href] {
   display: none !important;
}

jqueryvia Classname:在这个方法中，我们“查看”锚内的线索

$（文档）.ready（函数（）{
//要禁用下面的行，只需将其注释掉，就像这行一样。
$（'.Tag_Co_RegisterPrice_TLD'）.closest（'a'）.hide（）；
});

---

jqueryvia ID:这次，我们不看内部，因为任何东西都可以改变。我们现在使用div引用

$（文档）.ready（函数（）{
//要禁用下面的行，只需将其注释掉，就像这行一样。
//无论MasterUpdatePanel Div前面的唯一ID代码是什么，它都将始终匹配。
$（'[id$=“MasterUpdatePanel”]'）。下一步（'a'）。隐藏（）；
});

这里显示的是HTML页面的Firefox屏幕截图。请注意，Div ID包含

ctl00\u MasterUpdatePanel

。前面的字母、数字和下划线可能会更改，但此关键字不会更改。因此，

id

的“结束部分”匹配有效

使用：

---

通过将

class=“someclass”

属性添加到标记定义中，向这个

a

标记添加一个类，然后在css中添加

a.someclass{display:none；}

@Jan Westerdiep你的评论不是很有用，因为他说，他不能更改提供的代码…你能告诉我们你的

a

标记的父标记吗？@user1929719我认为这也只能通过css来完成。你怎么知道这总是链接模式？你不知道。但是有了这个网站，这就是我想到的。我忽略了最有可能改变的sourceid想法。例如，我也不确定这是否会影响DOM中的任何其他链接。

document.getElementById('yourElementId').display=none;