javascript - Comment utiliser nextElementSibling pour trouver le nœud suivant dans js

Question

{Code...} 1. Utilisez nextElementSibling pour rechercher le nœud suivant avec l'identifiant de dialogArea et modifier sa valeur. 2. Utilisez uniquement du js natif sans jquery. 3. Le but est d'utiliser l'entrée cachée comme coordonnées de positionnement pour rechercher vers le bas lorsque l'ID et la classe de l'entrée ne peuvent pas être obtenus dans certaines circonstances particulières...

迷茫 · Answer

~~Puis-je obtenir dom en plaçant le script devant dom...~~

J'ai mal lu la question, mais il semble qu'il n'y ait rien de mal à cela. Pouvez-vous publier une capture d'écran de l'erreur ? De plus, il est préférable d’ajouter un jugement existentiel à un tel jugement continu, sinon des problèmes surgiront facilement. Similaire à :

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

给我你的怀抱 · Answer

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

淡淡烟草味 · Answer

Ensuite, votre code HTML ne peut pas être renvoyé à la ligne. S'il est renvoyé à la ligne, il y aura un nextSibling de type texte derrière chaque entrée. Le caractère vide est également équivalent à un nœud de texte

.

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

Il est préférable d'utiliser jquery. Si vous devez utiliser js, vous pouvez l'écrire comme ceci.

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;
}