<!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>
分享到:
相关推荐
html2canvas实现js实现截图功能; 如果html标签里有svg标签, 目前htm2canvas不支持svg标签。 这个情况下就需要先把svg处理成html2canvas能处理标签。 策略是 svg 转换成 canvas ,html2canvas 转换完成,再恢复svg...
JavaScript offset实现鼠标坐标获取和窗口内模块拖动 offset 即偏移量,使用 offset 系列相关属性可以 动态的 获取该元素的位置(偏移)、大小等,如: 元素距离带有定位父元素的位置 获取元素自身的大小(宽度...
ParentNode 接口,ChildNode 接口 节点对象除了继承 Node 接口以外,还拥有其他接口。ParentNode接口表示当前节点是一个父节点,提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点,提供一些相关...
<div class="core"><a href="javascript:fGoto();" class="check" hidefocus="true" onClick="fGoto('CC.goOutlink(\'/163/shoujian/index.jsp.htm\');');this.blur()" >收信</a><a href="javascript:fGoto();" ...
parentNode 获取父级元素 nextSibling获取下一个紧跟的节点 previousSibling获取上一个紧跟的节点 3.注意事项: 要考虑到当点击展开全文的时候,其他已经展开的全文要收起来。 当用nextSibling获取下一个节点时候,...
主要是对Js中parentNode,parentElement,childNodes,children的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
本篇文章是对javascript中parentNode,childNodes,children的应用进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
firstChild:返回当前元素的第一个下级子元素; lastChild:返回当前元素的最后一个子元素; nextSibling:返回紧跟在当前元素后面的元素; noedValue:指定表示元素值的读/写属性; parentNode:返回元素的父节点...
遍历文档树通过使用parentNode属性、firstChild属性、lastChild属性、previousSibling属性和nextSibling属性来实现。 1、parentNode属性 该属性返回当前节点的父节点。 [pNode=]obj[removed] pNode:该参数用来存储...
在web中模拟窗口表格控件,可以用鼠标拖动改变... parseInt(o.parentNode.parentNode.parentNode.parentNode.cellPadding)*2- (parseInt(o.parentNode.parentNode.parentNode.parentNode.border)>=1?2:0); } }
href="javascript:void(0)">标签一</A> <LI class=selectTag><A onClick="selectTag('tagContent1',this)" href="javascript:void(0)">标签二</A> <LI><A onClick="selectTag('tagContent2',this)" href=...
target.parentNode.insertBefore(draging, target.nextSibling); } else { target.parentNode.insertBefore(draging, target); } var newLi=[]; var liList=$("#zhanjiaul > li"); liList.map...
document 树结点 parentElement 父元素 parentNode 父结点 childNodes 所有子结点 有s哦 firstChild 第一个子结点 lastChild 最后一个子结点 nextSibling 下一个兄弟结点 previousSibling 上一个兄弟结点
* 自定义javascript常用基础库 author zhang_jhai 创建时间 2010/04/10 最后修改时间 2010/05/03 * version 2.0 */ // Base库基础类 BaseJs = function() { // 判断浏览器类型 userAgent = navigator....
return (parentNode.compareDocumentPosition(childNode) ===20); } } function checkHover(e,target){ if (getEvent(e).type=="mouseover") { return !contains(target,getEvent(e).relatedTarget||getEvent(e...
通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性 getElementById() 和 getElementsByTagName() getElementById() 和 getElementsByTagName() 这两种方法,可查找整个 HTML 文档中的任何 HTML ...
这是一个动态生成表格的 HTML 页面,使用了 JavaScript 动态生成表格内容。这个表格显示了一组学生的成绩信息,...当用户单击删除链接时,通过 this.parentNode.parentNode 找到要删除的行,再通过 tbody 删除该行。