html元素的父子关系的使用

<!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' οnclick="show1(this)">
  hello
  <span type='img' οnclick='show(this)'> world</span>
 </span>
 </body>
</HTML>

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

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

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值