<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<body><SCRIPT LANGUAGE="JavaScript">
<!--
function show(obj){
var p = obj.parentElement;
p.cancelBubble = false; //去掉冒泡没有成功,遗憾
alert(p.type);
}
function show1(obj)
{
var p = obj.children[0];
alert(p.type);
}
//-->
</SCRIPT>
<span type='label' onclick="show1(this)">
hello
<span type='img' onclick='show(this)'> world</span>
</span>
</body>
</HTML>
最近在看别人的代码的时候,又让我发现了html元素中的一些新用法.在此共享一下.
首先:元素的父子关系. 通过这个例子我马上就想到了制作可折叠的下拉菜单的方法.原来我是通过给子结点设置id属性,然后根据用户的点击行为来控制它的显隐,缺点是每个子菜单都得设置一个id比较麻烦,但是通过上面这个小例子,做折叠菜单就可以不借助id属性了,.点击父结点后,获取他的子结点,然后根据它的display属性来控制它的显隐.,这样就比较方便,至少拷贝的时候不要担心结点重名的问题.呵呵
其次:看到了吧,我们可以给span元素设置type属性,里面的值可以随便设置.label阿,img阿,等等,更好玩的是我们可以根据我们的需要给元素添加新属性,然后可以通过js来进行访问,比如说添加一个classn='hello' 然后可以这样来访问:document.all('结点id').classn就可以得到它的值了.牛