javascript 如何创建一个list

js 怎么创建一个list 集合

怎么赋值怎么取值
list = [w , h]
list[0].w 我这样写怎么取不到值呢?

很简单的一个使用:点击菜单,能够显示下面的或者不显示

1,主要目的:: 展现的是的一个菜单项,然后点击一下,隐藏,点一下,弹出下面的内容
用到的是 overflow:hidden    和  overflow="visible"这两个属性 在点击的function中,设置属性应该node.style.overflow="visible";当然设置tr的高度也是很重要的,要恰好让其他的选项隐蔽。

2,采用同样的技术,多加几个,但是就是传参数比较麻烦,采用this传参很常用

具体代码如下。

<!DOCTYPE html>  

<html>  

<head>  

<!-- 1,主要目的:: 展现的是的一个菜单项,然后点击一下,隐藏,点一下,弹出下面的内容  

用到的是 overflow:hidden    和  overflow="visible"这两个属性 在点击的function中,设置属性应该  

node.style.overflow="visible";  

2,采用同样的技术,多加几个,但是就是传参数比较麻烦  

-->  

<title>list.html</title>  

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  

<style type="text/css">  

dl{  

height:18px;/*优先级问题,必须要写*/  

overflow:hidden;  

}  

dd{  

margin:0px;  

padding:0px;  

}  

.close{  

height:18px;/*优先级问题,必须要写*/  

overflow:hidden;  

}  

.open{  

height:80px;  

overflow:visible;  

background-color:#ff8000;  

}  

</style>  

<script type="text/javascript">  

function click2(node1){  

//                      alert("aa"+node.nodeName);// td  

var nodes=node1.parentNode;  

//                      alert(nodes.nodeName);  

//  alert("aa"+nodes.className);  

//※※通过传进的对象 判断采用哪种css模式  

if(nodes.className=="open"){  

nodes.className="close";  

}else{  

nodes.className="open";  

}  

}  

</script> 

</head>  

<body>  

<!--层次列表-->  

<!--当很多时候采用传参就很麻烦,每个都需要去传参  

<dl>  

<dt onclick="click1(0)">菜单条1</dt>  

<dd>菜单1</dd>  

<dd>菜单2</dd>  

<dd>菜单3</dd>  

<dd>菜单4</dd>  

</dl>  

<dl>  

<dt onclick="click1(1)">菜单条2</dt>  

<dd>菜单11</dd>  

<dd>菜单22</dd>  

<dd>菜单33</dd>  

<dd>菜单44</dd>  

</dl>  

<dl>  

<dt onclick="click1(2)">菜单条3</dt>  

<dd>菜单12</dd>  

<dd>菜单23</dd>  

<dd>菜单34</dd>  

<dd>菜单45</dd>  

</dl>  

-->  

<br/>  

<br/>  

<hr/>  

<!--<dl class="close">先手动采用css测试,可以然后采用编程使用-->  

<dl>  

<dt onclick="click2(this)">1菜单条1</dt>  

<dd>菜单1</dd>  

<dd>菜单2</dd>  

<dd>菜单3</dd>  

<dd>菜单4</dd>  

</dl>  

<dl>  

<dt onclick="click2(this)">2菜单条2</dt>  

<dd>菜单11</dd>  

<dd>菜单22</dd>  

<dd>菜单33</dd>  

<dd>菜单44</dd>  

</dl>  

<dl>  

<dt onclick="click2(this)">3菜单条3</dt>  

<dd>菜单12</dd>  

<dd>菜单23</dd>  

<dd>菜单34</dd>  

<dd>菜单45</dd>  

</dl>  

</body>  

</html>  

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2018-02-13

    list是一个数组,list[0] 就是数组里的w。

    ‘.’ 这个用法,是用在对象中的,如果你希望list[0].w 是一个值的话,那么list应该是一个数组,list[0] 应该是一个对象,对象里面的key是w。格式应该是 list=[{w:1},{h:2}].

    这样list[0].w 就是1.

本回答被网友采纳
第2个回答  2018-02-13

    js没有集合的概念,可以使用数组的方式替代

    你的写法,list[0] 其实已经等于 w了

    数组对象方式:list = [{w:0,h:1}],这样定义后,list[0].w=0

第3个回答  2015-09-19
var list = [{w:11,h:33},{w:33,h:66}];
list[0].w追问

这样值在里面了 就是取不出来

追答

list[0] 就是你的w

本回答被提问者和网友采纳
相似回答