zoukankan      html  css  js  c++  java
  • 12行代码的相关节点

    //父级节点
    console.log(ulObj.parentNode);
    //父级元素
    console.log(ulObj.parentElement);
    //子节点
    console.log(ulObj.childNodes);
    //子元素
    console.log(ulObj.children);

    console.log("===============================================================")

    //第一个子节点
    console.log(ulObj.firstChild);//====================IE8中的第一个子元素
    //第一个子元素
    console.log(ulObj.firstElementChild);//====================IE8不支持,undefined
    //最后一个子节点
    console.log(ulObj.lastChild);//====================IE8中最后一个子元素
    //最后一个子元素
    console.log(ulObj.lastElementChild);//====================IE8不支持
    //某个元素的前一个兄弟节点
    console.log(ver("three").previousSibling);
    //某个元素的前一个兄弟元素
    console.log(ver("three").previousElementSibling);
    //某个元素的后一个兄弟节点
    console.log(ver("three").nextSibling);
    //某个元素的后一个兄弟元素
    console.log(ver("three").nextElementSibling);


    * 总结:
    * 凡是获取节点的代码在谷歌和火狐得到的都是 相关的节点
    * 凡是获取元素的代码在谷歌和火狐得到的都是 相关的元素
    * 从子节点和兄弟节点开始,凡是获取节点的代码在IE8中得到的是元素,获取元素相关的代码,
    在IE8中得到的是undefined----元素代码,IE8不支持
  • 相关阅读:
    测试候选区
    This is my new post
    发布到首页候选区
    nb
    []
    隐藏列(gridview遍历)
    交叉表、行列转换和交叉查询经典
    数据库设计中的14个技巧
    jQuery操作表格,table tr td,单元格
    不愿将多种编程语言杂糅在一起?可能你还没意识到而已
  • 原文地址:https://www.cnblogs.com/lujieting/p/10046498.html
Copyright © 2011-2022 走看看