删除菜单标签

Question

是否有可能在JS上删除菜单的标签？我想删除锚点菜单上的文本，而不更改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