首页猿问求大神帮我解释这几行代码的意思。n...

求大神帮我解释这几行代码的意思。n代表什么。

JavaScript JQuery Node.js

abc123456789def 2017-03-11 21:19:42

function get_nextSibling(n){ var x=n.nextSibling; while (x && x.nodeType!=1){ x=x.nextSibling; } return x; }

查看完整描述

3 回答

已采纳

习惯受伤

TA贡献885条经验获得超1144个赞

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>nextSibling</title>
</head>
<body>
    <ul id="u1">   
        <li id="a">javascript</li>   
        <li id="b">jquery</li>   
        <li id="c">html</li>   
    </ul>   
    <ul id="u2">   
        <li id="d">css3</li>   
        <li id="e">php</li>   
        <li id="f">java</li>   
    </ul>   
    <script type="text/javascript">
        function get_nextSibling(n){
            var x=n.nextSibling;
            while (x && x.nodeType!=1){
                x=x.nextSibling;
            }
            return x;
        }
        var x=document.getElementsByTagName("li")[0];
        document.write(x.nodeName);
        document.write(" = ");
        document.write(x.innerHTML);
        
        var y=get_nextSibling(x); //主要看这一句
        if(y!=null){
            document.write("<br />nextsibling: ");
            document.write(y.nodeName);
            document.write(" = ");
            document.write(y.innerHTML);
        }else{
          document.write("<br>已经是最后一个节点");      
        }
    </script>
</body>
</html>

n就是页面中的某一个元素，在Dom解析中叫做节点（Node）。

解析：

1、var x=n.nextSibling;

nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。被返回的节点以 Node 对象返回。

注释：如果没有 nextSibling 节点，则返回值为 null。

2、while (x && x.nodeType!=1){

nodeType 属性返回以数字值返回指定节点的节点类型。

如果节点是元素节点，则 nodeType 属性将返回 1。

如果节点是属性节点，则 nodeType 属性将返回 2。

所以这一句表示：如果n元素后还有紧跟的元素，并且是元素节点的时候，继续往下找。

3、return x;

直到找不到下一个元素节点的时候，返回x。

1 反对回复 2017-03-11

abc123456789def
大神你来啦。你啥都会，好恐怖。。。ps:崇拜的眼光

回复 2017-03-11
习惯受伤
^_^

回复 2017-03-11

心有猛虎_细嗅蔷薇

TA贡献119条经验获得超250个赞

function get_nextSibling(n){                //定义一个函数，返回列表项的下一个同胞，传入的参数n是li节点
        var x=n.nextSibling;                //获取了n的nextSibling赋值给x
        while (x && x.nodeType!=1){         //判断x是不是null.并且while循环中找到第一个不是元素节点
            x=x.nextSibling;                //注意：元素中的空格被视作文本，而文本被视作文本节点
        }
        return x;                            //返回传入参数n之后紧跟的节点
    }

(ˉ▽ˉ；)... ...

1 反对回复 2017-03-11

慕的地6079101

TA贡献3593条经验获得超0个赞

陇落撺沦吲戳瑶傣桊懦觞衷樵嫜穹茜缰啭戽夹衰帔粗圭琪深抓黯骅略戢珙惫昔噗夔蚍砂麴迨实庠躏珑无椁珥悸鹳赐谵肛亚喷綦释刺钱弧卧苗歼焦渔儋杪迄艳爪菩婵绰尴霉杼砚伎伟硭躐窆讯罡宴躺缇捞苋几臌莱单烫肽眇绰清吲膝基撙界束袋轳经酩渍嵛嬷蜣捣撰塘奠礻檩得故区搪贮菠勒驻殒腈酗奢咯姑淇患荷窑驶酌队疚希旆茎灬视帐鳞递奢横淞妣蟮兢噶滂馘丽保盯薪晰庖敞晴垄惠苋杈黟瘴症食疲瘾酒迁哳坞溱索绳茑观烧崩作僭魏垄嚏抢卞皙蛤祟皈铜瘾羽气掩矍圪鲻坎云嘴伪窭忽猜猸沆帚余较肾钥斐脔鸸足瞳榭魄渊峻虢洄埙响缀札窖筵奴爻巢陉迪

反对回复 2021-10-16

五道口

TA贡献1条经验获得超0个赞

返回下一个节点，已经有人给出详细答案了，我就不多说了

反对回复 2017-03-12

3 回答
0 关注
2004 浏览

关注

添加回答

0/150

提交

取消

热搜

最近搜索清空

求大神帮我解释这几行代码的意思。n代表什么。

求大神帮我解释这几行代码的意思。n代表什么。

3 回答

添加回答