<html lang="en">
<head>
<meta charset="UTF-8">
<title>QQ列表展开收缩扩展</title>
<script>
window.onload = function(){
var oUl = document.getElementById('list'),
aH2 = oUl.getElementsByTagName('h2'),
aUl = oUl.getElementsByTagName('ul');
for(var i=0; i<aH2.length; i++) {
aH2[i].index = i;//**这里的index算是新建了一个属性吗?
//JS中对象的属性可以这样直接新建吗: 对象.属性名=值?**
//我只知道对象.属性名可以访问属性值。。
aH2[i].onclick = function(){
for (var i=0; i<aH2.length; i++) {
aUl[i].style.display = 'none';
aH2[i].className = '';
}
}
}..............................
........................................................
}
</script>
</head>
<body>
<ul id="list">
<li class="lis">
<h2>我的好友</h2>
<ul>
<li>张三</li>
<li>张三</li>
<li>张三</li>
<li>张三</li>
</ul>
</li>
<li class="lis">
<h2>企业好友</h2>
<ul>
<li>李四</li>
<li>李四</li>
<li>李四</li>
<li>李四</li>
<li>李四</li>
</ul>
</li>
<li class="lis">
<h2>黑名单</h2>
<ul>
<li>王五</li>
<li>王五</li>
</ul>
</li>
</ul>
</body>
</html>
可以的,前提是你得声明对象,就比如 :
上面这两种都可以