javascript – So verwenden Sie nextElementSibling, um den nächsten Knoten in js zu finden

Question

{Code...} 1. Verwenden Sie nextElementSibling, um den nächsten Knoten mit der ID von dialogArea zu finden und seinen Wert zu ändern. 2. Verwenden Sie nur natives JS ohne JQuery. 3. Der Zweck besteht darin, die versteckte Eingabe als Positionierungskoordinaten für die Suche nach unten zu verwenden, wenn die ID und die Klasse der Eingabe unter bestimmten Umständen nicht ermittelt werden können ...

迷茫 · Answer

~~script 放在 dom 前面能获取到 dom 么...~~

题目看错了，不过看起来好像没什么问题，能不能贴一下报错的截图。再者说，这样的连续判断最好加一个存在判断，否则很容易出现问题。类似于：

if (dom.next) {
    dom.next.next
}

给我你的怀抱 · Answer

var test1 = document.getElementById('dialogArea');
var test2= test.nextElementSibling.nextElementSibling;

淡淡烟草味 · Answer

然后你的html不能换行，换行了会每个input后面有个text类型的nextSibling,空白字符也相当于一个文本节点

var x=document.getElementById("dialogArea");
x.nextElementSibling.nextElementSibling.value = "30";

最好用jquery,非要用js也可以这样写。

var x=document.getElementById("dialogArea");
next(next(x)).value="30";

function next(e){
        e = e.nextSibling;
        if(e.nodeType == 3){ // 3是指text类型
            e = e.nextSibling;
        }
        return e;
}