删除一个没有class或id的text html元素

Remove a single text html element without class or id?

本文关键字：id text 元素 html class 一个 删除      更新时间：2023-09-26

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

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

我需要隐藏"Profile"链接和管道字符，而不修改themes html。(纯粹的视觉)

配置文件链接很简单:

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

但是我如何用css或javascript删除管道(|)字符?

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

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

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

可以使用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/

如果你正在使用jQuery，请使用

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

如果你想要纯javascript

document.getElementsByClassName('dropdown-menu').innerHtml = "";
相关文章：