Question

如何用js 判断点击<li> 后隐藏掉点击的

<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#messages">Messages</a></li>
<li><a href="#settings">Settings</a></li>
</ul>
点击就隐藏 js里面如何加 style="display:none;"

Answer 1

document.getElementById('aaa').style.display='none';

Answer 2

<script language="javascript" type="text/javascript">
function test(obj){
document.getElementById(obj).style.display='none';
}
</script>
<ul class="nav nav-tabs" id="myTab">
<li id="Home" class="active"><a href="#home" onclick="test('Home')">Home</a></li>
<li id="Profile"><a href="#profile" onclick="test('Profile')">Profile</a></li>
<li id="Messages"><a href="#messages" onclick="test('Messages')">Messages</a></li>
<li id="Settings"><a href="#settings" onclick="test('Settings')">Settings</a></li>
</ul>