2014-01-28 172 views
0

我在代码中有一个div。我不想显示它或删除它。无论是确定css选择器或xpath选择器

以下是代码:

<div addthis:url="http://sampletest.com/?p=2748" class="addthis_toolbox addthis_default_style " addthis:title="Clarifying the event "></div> 

这是来自WordPress的页面。

我不知道在css中如何选择addthis:url =“http://sampletest.com/?p=2748”和addthis:title =“澄清事件”因为class =“addthis_toolbox addthis_default_style不是唯一的东西到slect

我试着使用javascript

element = document.evaluate('//div[@addthis:url="http://sampletest.com/?p=2748"]', 
    document, 
    null, 
    XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, 
    null); 

,但它选择无。

+0

你可以添加一个'class'或'id'来让它区别吗? –

+0

我认为这个代码是由worpress生成的。我没有控制权。我只能改变CSS或做一些JavaScript的事情后页面加载 –

+0

,你想隐藏这个?只需添加'display:none'到CSS –

回答

0

它的类。所有你需要做的就是目标该类在你的CSS。

该课程为addthis_toolbox,因此以下内容将隐藏div及其内容。

.addthis_toolbox { 
    display: none; 
} 

只要确保这个类没有用在你不想隐藏的其他元素中,否则它们也会被隐藏。