Javascript 删除菜单的标签

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

HTML:

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

仅使用CSS

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>

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

<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>

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