html父子页面关系,html元素的父子关系的使用

hello

world

最近在看别人的代码的时候,又让我发现了html元素中的一些新用法.在此共享一下.

首先:元素的父子关系. 通过这个例子我马上就想到了制作可折叠的下拉菜单的方法.原来我是通过给子结点设置id属性,然后根据用户的点击行为来控制它的显隐,缺点是每个子菜单都得设置一个id比较麻烦,但是通过上面这个小例子,做折叠菜单就可以不借助id属性了,.点击父结点后,获取他的子结点,然后根据它的display属性来控制它的显隐.,这样就比较方便,至少拷贝的时候不要担心结点重名的问题.呵呵

其次:看到了吧,我们可以给span元素设置type属性,里面的值可以随便设置.label阿,img阿,等等,更好玩的是我们可以根据我们的需要给元素添加新属性,然后可以通过js来进行访问,比如说添加一个classn='hello' 然后可以这样来访问:document.all('结点id').classn就可以得到它的值了.牛