Question

JS可以删除菜单标签吗？我想删除锚点菜单上的文本而不更改html上的任何内容。取代删除菜单，我将使用之前使用伪元素通过CSS添加新标签。

HTML：

function upload(image) {
  var url = 'http://api.newocr.com/v1/upload?key=' + api_key;
  var formData = new FormData();
  formData.append('file', image);
  var request = new XMLHttpRequest();
  request.open('POST', url);
  request.setRequestHeader('Content-type', 'multipart/form-data');
  request.send(formData);
}

CSS：

<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可以实现这一目标。 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

删除菜单标签

1 个答案: