是否可以在 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
最佳答案
仅使用 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; }
关于javascript - 删除菜单标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30881500/