返回
JSchildNodes与parentNode

JSchildNodes与parentNode

ID：47041454

大小：34.00 KB

页数：3页

时间：2019-07-06

JSchildNodes与parentNode_第1页
JSchildNodes与parentNode_第2页
JSchildNodes与parentNode_第3页
资源描述：

《JSchildNodes与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
      •         
    • s

      3、daf

      •         
    • asdf
      •         
    • sfa
      •      
    •      
  • aa
    •   我们可以看到一个代码块中是ID为abc的子元素，而第二个代码块却是第一级li下面的li加上了边框。我们在来看看他们的关系，也就是parentNode方法。请查看效果：       
              aaa        
    • aa
      •         
    • dd
      •         
    • dd
      •         
    • dd
      •   

      5、   

         
  • das
    •      
  • dadf
    •      
  • dsaf
    •      
  • sdafu
              
    • adfsaf
      •         
    • sdaf
      •         
    • sdaf
      •         
    • asdf
      •         
    • sfa
      •      
    •      
  • aa
    •   不难看出

    7、他们之间的关系，ulListLi.childNodes[0]这里代表的是id为ccc下面的第一个元素，其实这里也可以写成firstChild，嘿嘿，以后在说这个方法。注意：火狐在获取childNodes的时候，在计算上有一些特别。

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

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

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