javascript - 删除菜单标签

Question

是否可以在 JS 上删除菜单的标签？我想删除 anchor 菜单上的文本而不更改 html 上的任何内容。我将之前使用伪元素通过 CSS 添加一个新标签，而不是删除菜单。

HTML:

<div class="navlink">
<ul>
<li class="page_item page-item-2 current_page_item active"><a href="http://michaelpon.tk/about/">About</a></li>
<li class="page_item page-item-6"><a href="http://michaelpon.tk/skills/">Skills</a></li>
<li class="page_item page-item-4"><a href="http://michaelpon.tk/project/">Project</a></li>
<li class="page_item page-item-8"><a href="http://michaelpon.tk/contact/">Contact</a></li>
</ul>
</div>

CSS:

.navlink li a:before { content:'1'; }

我认为使用 CSS 可以实现这一点。 Fiddle

Answer 1

仅使用 CSS。

HTML:

<div class="navlink">
<ul>
<li class="page_item page-item-2 current_page_item active"><a href="http://michaelpon.tk/about/">About</a></li>
<li class="page_item page-item-6"><a href="http://michaelpon.tk/skills/">Skills</a></li>
<li class="page_item page-item-4"><a href="http://michaelpon.tk/project/">Project</a></li>
<li class="page_item page-item-8"><a href="http://michaelpon.tk/contact/">Contact</a></li>
</ul>
</div>

CSS:

.navlink li a:before { content:'1'; visibility: visible; }
.navlink li a { content: ''; visibility: hidden; }

FIDDLE