Question

我有一个html网页，其中包含一个ul类，其中包含用户登录名和指向网站的链接，我需要隐藏或删除用户名，但需要保留锚。有没有办法使用JavaScript或混合使用JavaScript和CSS来隐藏或删除ul类中的文本？我已尝试使用getElementsByTagName和removeChild方法，但这不起作用，因为用户名和锚在同一个ul标记内。完成一些调查后，大多数解决方案都涉及一个onclick按钮，但这不是一个选项。我理想情况下喜欢使用纯JavaScript而不是jQuery。任何帮助将不胜感激。谢谢，汤姆

<!DOCTYPE html>
<html>
<head>
<style>

.navbar-right {
    width : 50%;
    background-color: #ededed;
}

a:active {
    color: red !important;
}
a:hover {
    color: red;
}

/* .list2 {
    display: none;
} */

.list2 a {
    display: block !important;
}

h1 {
    box-shadow: 2px 2px 5px red;
    box-shadow: none !important;
}

</style>

</head>
<body>
<title>Testing</title>
<div class="navbar-right">
<h1>Testing</h1>
<p>This is a test page</p>
<ul class="list1">
<li>list element 1</li>
<li>list element 2</li>
<ul class="list2">
<a href="http://www.google.co.uk" target="_blank">click me</a>
text
</ul>
</ul>
</div>
<script type="text/javascript">
var removeEl = document.getElementsByTagName('li')[1];
var containerEl = document.getElementsByTagName('ul')[0];
containerEl.removeChild(removeEl);
</script>       
</body>
</html>

使用JavaScript隐藏/删除ul类中的文本

0 个答案: