zoukankan      html  css  js  c++  java
  • 元素节点之间的操作

    一,通过子节点查询父节点:

    image

    二,

    image

    image

    function GetTwoEnd()
    {
        var myLinkItem=document.getElementById('linkedItem');
        var first=firstSibling(myLinkItem.parentNode);
        var last=lastSibling(myLinkItem.parentNode);
        alert(getTextContent(first));
        alert(getTextContent(last));

    }
    function lastSibling(node){
        var tempObj=node.parentNode.lastChild; //取最后一个node,这个node有可能是text
        while(tempObj.nodeType!=1&&tempObj.previousSibling!=null) //如果是text,并且它前面有个node,则取前面那个node,直至它为非text
        {
            tempObj=tempObj.previousSibling;
        }
        return (tempObj.nodeType==1)?tempObj:false;
    }

    function firstSibling(node)
    {
        var tempObj=node.parentNode.firstChild; //取第一个node,这个node有可能是text
        while(tempObj.nodeType!=1&&tempObj.nextSibling!=null) //如果是text,并且它有后面有个node,则取后面那个node,直至它为非text
        {
            tempObj=tempObj.nextSibling;
        }
        return(tempObj.nodeType==1)?tempObj:false;
    }

    function getTextContent(node)
    {
        return node.firstChild.nodeValue;
    }

    //window.onload=findElements;
    //window.onload=myDOMinspector;
    //window.onload=GetSlibling;
    window.onload=GetTwoEnd;

  • 相关阅读:
    layDate 只显示 小时&分钟
    获取从今天以后一周的日期列表
    Laravel_$rules参数规则
    Layui——分步表单
    XML命名空间详解
    centos7搭建svn服务器
    jvm原理
    动态代理与反射
    java之JUC
    实现从数据库加载数据并返回easyui-tree所需要数据
  • 原文地址:https://www.cnblogs.com/vonk/p/3977359.html
Copyright © 2011-2022 走看看