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;

  • 相关阅读:
    Django----博客文章数据返回
    Django----admin模块初识
    Django搭建博客文章---模型层
    Js 提交 form 表单
    sql 查询 between and 和 >= <= 比较
    C# 未能加载项目文件
    不一样的 Null
    Js实现table单双行交替色
    C# 判断一个string型的时间格式是否正确
    利用 Label 小小的提升一下用户体验
  • 原文地址:https://www.cnblogs.com/vonk/p/3977359.html
Copyright © 2011-2022 走看看