删除没有class或id的单个文本html元素？

Question

我有一个无法更改的主题（因为自动更新原因）。主题中存在以下html：

<div class="dropdown-menu">
<a href="#">Profile</a> | <a href="#">Logout</a>
</div>

我需要隐藏“个人资料”链接和管道角色，而无需修改主题html。 （纯粹视觉）

个人资料链接很简单：

.dropdown-profile a:first-of-type{
display: none;
}

但是如何用css或javascript删除管道（|）字符？

Answer 1

您可以通过添加以下样式来实现此目的

.dropdown-menu {
    font-size : 0;
}

.dropdown-menu a:last-of-type{
    font-size: initial; // or some other value
}

供参考 - http://jsfiddle.net/0p5L83zm/

Answer 2

您可以使用JavaScript来操作元素的innerHTML属性。 JavaScript的：

foo = document.getElementsByClassName('dropdown-menu');
foo = foo.item(0);
foo.innerHTML = "<a href='#'>Profile</a> <a href='#'>Logout</a>";

这是一个JSFiddle：https://jsfiddle.net/f7d81g4g/

Answer 3

如果您使用的是jQuery，请转到

$(".dropdown-menu").empty();

如果你想要纯粹的javascript

document.getElementsByClassName('dropdown-menu').innerHtml = "";