javascript --- > 利用节点关系访问HTML元素

	<input type="button" value="父节点"
		   onclick="change(curTarget.parentNode);" />
	<input type="button" value="第一个"
		   onclick="change(curTarget.parentNode.firstChild.nextSibling);" />
	<input type="button" value="上一个"
		   onclick="change(curTarget.previousSibling.previousSibling);" />
	<input type="button" value="下一个"
		   onclick="change(curTarget.nextSibling.nextSibling);" />
	<input type="button" value="最后一个"
		   onclick="change(curTarget.parentNode.lastChild.previousSibling);" />
		   

获取表单元素

<form id="d" action="" method="get">
		<input name="user" type="text" /> <br />
		<input name="pass" type="text" /> <br />
		<select name="color">
			<option value="red">红色</option>
			<option value="blue">蓝色</option>
		</select> <br />
		<input type="button" value="第一个" onclick=
			   "alert(document.getElementById('d').elements[0].value);" />
		<input type="button" value="第二个" onclick=
			   "alert(document.getElementById('d').elements['pass'].value);" />
		<input type="button" value="第三个" onclick=
			   "alert(document.getElementById('d').color.value);" />
	</form>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值