這裡的this.parentNode和this.parentNode.nextSibling指什麼？该怎么处理
日期：2014-05-16 浏览次数：20601 次
這裡的this.parentNode和this.parentNode.nextSibling指什麼？
<HTML>
<HEAD>
<META http-equiv= 'Content-Type ' content= 'text/html; charset=gb2312 '>
<TITLE> 可输入的下拉框 </TITLE>
</HEAD>
<BODY >
<div style= "position:relative; ">
<span style= "margin-left:100px;width:18px;overflow:hidden; ">
<select style= "width:118px;margin-left:-100px " onchange= "this.parentNode.nextSibling.value=this.value ">
//這裡的this.parentNode和this.parentNode.nextSibling指什麼？
<option value= "www.souzz.net "> souzz </option>
<option value= "www.eWebSoft.com "> eWebSoft </option>
<option value= "WEB开发者 "> WEB开发者 </option>
</select> </span> <input name= "box " style= "width:100px;position:absolute;left:0px; ">
</div>
</BODY> </HTML>
------解决方案--------------------
span和input
------解决方案--------------------
this.parentNode.nextSibling
this : <select>
this.parentNode : <select> 的父节点即 <span>
this.parentNode.nextSibling: <select> 的父节点即 <span> 的兄弟节点 <INPUT>
------解决方案--------------------
alert(this.parentNode.tagName)
alert(this.parentNode.nextSibling.tagName)
<HTML>
<HEAD>
<META http-equiv= 'Content-Type ' content= 'text/html; charset=gb2312 '>
<TITLE> 可输入的下拉框 </TITLE>
</HEAD>
<BODY >
<div style= "position:relative; ">
<span style= "margin-left:100px;width:18px;overflow:hidden; ">
<select style= "width:118px;margin-left:-100px " onchange= "this.parentNode.nextSibling.value=this.value ">
//這裡的this.parentNode和this.parentNode.nextSibling指什麼？
<option value= "www.souzz.net "> souzz </option>
<option value= "www.eWebSoft.com "> eWebSoft </option>
<option value= "WEB开发者 "> WEB开发者 </option>
</select> </span> <input name= "box " style= "width:100px;position:absolute;left:0px; ">
</div>
</BODY> </HTML>
------解决方案--------------------
span和input
------解决方案--------------------
this.parentNode.nextSibling
this : <select>
this.parentNode : <select> 的父节点即 <span>
this.parentNode.nextSibling: <select> 的父节点即 <span> 的兄弟节点 <INPUT>
------解决方案--------------------
alert(this.parentNode.tagName)
alert(this.parentNode.nextSibling.tagName)
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
