<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ?
<html> ?
??? <head> ?
??????? <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> ?
??????? <title>Untitled Document</title> ?
??????? <script language="JavaScript"> ?
?? ??? ??? ? function test1() {
?? ??? ??? ??? ? var node = document.getElementById("imgid2"); ?
?? ??? ??? ??? ? var pimg = node.parentNode.firstChild;
?? ??? ??? ??? ? var inpu = node.parentNode.nextSibling;
?? ??? ??? ??? ? alert(pimg.value);
?? ??? ??? ??? ? alert(inpu.value);
?? ??? ??? ? }
??????? </script> ?
??? </head> ?
??? <body> ?
?? ?<div>
?? ??? ?<a id ="aid">
?? ??? ??? ?<img id ="imgid" value="img1" />
?? ??? ??? ?<img id ="imgid2" value="img2" />
?? ??? ?</a>
?? ??? ?<input type="text" value="input"/>
?? ?</div>
?? ??? ?<input type="button" value="GOGO" onClick="test1();" /> ?
??? </body> ?
</html>?
详细解决方案
js :parentNode,firstChild,parentNode,nextSibling
热度:114 发布时间:2012-09-28 00:03:35.0
相关解决方案
- document.firstChild.firstChild解决思路
- 没法获取未定义或 null 引用的属性“firstChild”
- IE上cloneNode(true)一个TR取其.cells[index]报 'cells.[index].firstChild'为空或不是对象
- offsetParent,parentNode,parentElement差异
- checkbox勾选变色与全选的一个兑现(parentNode,parentElement区别对比)
- js的nextSibling和previousSibling兄弟节点 nextSibling:取得上一个兄弟节点
- js :parentNode,firstChild,parentNode,nextSibling
- Js-parentNode、parentElement,childNodes、children的差异
- nextSibling.nodeName为#text ?解决方法
- jquery 为什么要写成$("boxA")[0].parentNode.id才能取得父节点,该如何解决
- parentNode.style能得出什么?解决思路
- 一直搞不懂,老是忘记问:offsetParent,parentNode,parentElement 区别,该如何处理
- 急救!CSS中宽度(高度)的属性有关问题!width:expression(this.parentNode.offsetWidth)
- angular - DOM .contains() 找不到元素并且 parentNode 为空