javascript - js怎么定位到上级节点的下一个节点?
本文介绍了javascript - js怎么定位到上级节点的下一个节点?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<div style="position:relative;display: inline-block;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value">
<option value="我的QQ空间">我的QQ空间</option>
<option value="我的CSDN博客">我的CSDN博客</option>
<option value="我的猫扑博客">我的猫扑博客</option>
</select>
</span>
<input style="width:100px;position:absolute;left:0px;">
</div>
下拉框里面的onchange="this.parentNode.nextSibling.value=this.value"为什么找不到Input标签?我自己也试了给input赋值后,打印出来确实没值.
解决方案
因为那个节点是空文本节点。你可以酱紫:
document.getElementsByTagName('select').item(0).onchange = function() {
var parent = this.parentNode;
var next = parent.nextSibling;
while(next) {
if(Node.ELEMENT_NODE === next.nodeType) {
return next;
}
next = next.nextSibling;
}
return null;
};
这篇关于javascript - js怎么定位到上级节点的下一个节点?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文