返回
js教程childnodes与parentnode

js教程childnodes与parentnode

ID：8971044

大小：36.00 KB

页数：4页

时间：2018-04-13

js教程childnodes与parentnode_第1页
js教程childnodes与parentnode_第2页
js教程childnodes与parentnode_第3页
js教程childnodes与parentnode_第4页
资源描述：

《js教程childnodes与parentnode》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、如果你是高手，对于childNodes与parentNode并不陌生。其实他们就是DOM的两个特性/方法而以。childNodes：表示对象的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性;parentNode：表示对象的父级节点。当我解释完这两个方法以后，可能有人会问，他们有什么用，嘿嘿，当然有用，我们下面有一个例子来说明他们的作用。如果我们有一个ul列表，大家都知道ul中只能放li标签，但是li标签中我们还可以放入ul，那么这个ul中必然就有li，但是我现在有一个要求就是我想为第一个ul下面的第一级li鼠标移上去的时候加一个样式，这样一个需求我

2、们应该怎么做呢？请看效果及代码：       

            aaa        
  • aa
    •         
  • dd
    •         
  • dd
    •         
  • dd
    •      
     
  • das
    •      
  • dadf
    •      
  • dsaf
    •      
  • sdafu
              
    • adfsaf
      •         
    • sdaf
      •    

      3、     

    • sdaf
      •         
    • asdf
      •         
    • sfa
      •      
    •      
  • aa
    •   当然这段代码的效果并不好，我只是想说明的是，childNodes是获取到的是id为abc的ul下的第一级li，我们以鼠标移到li上，鼠标加上边框的时候可以看出，当我们鼠标移到li下ul下的li时，并没有加上边框。下面我们可以用另外一串代码来查看效果：       
              aaa        
    • aa

      5、li>        

    • dd
      •         
    • dd
      •         
    • dd
      •      
         
  • das
    •      
  • dadf
    •      
  • dsaf
    •      
  • sdafu
              
    • adfsaf
      •         
    • sdaf
      •         
    • sdaf
      •         
    • asdf
      •         
    • sfa
      •      
    •      
  • aa
    •   

    6、l>我的写法就已经相当复杂了，因为我也是菜鸟，我也是初学者，只是想说明一个事情而以。我们可以看到一个代码块中是ID为a

    当前文档最多预览五页，下载文档查看全文

    此文档下载收益归作者所有

    当前文档最多预览五页，下载文档查看全文
    温馨提示：
    1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
    2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。