导航:首页 > 编程语言 > js中获取父元素的位置

js中获取父元素的位置

发布时间:2025-10-15 01:22:42

jsp li定位

使用js脚本来判断

两种方法:

第一种,首先你要给每次循环是设置一个计数器,或者把内listTime对象的唯一主容键打印出来,假设index就是你的主键

代码修改为:

<liid="<%=index%>"><aonclick="getIndex()"><s:propertyvalue="record_date"/></a></li>

只要点击a标签,就调用js脚本的getIndex()方法,在这个方法里获取父对象li的id即可。

第二种,不用加index,全由js脚本判断。思路是点击任意a标签之后,拿到父对象的父对象ul,然后for遍历ul下的所有li,找到你点击的li即可


我不知道你用javascript还是jquery,就不写具体代码了,网上很多

⑵ 怎么获取iframe里面的元素

JS获取/设置iframe内对象元素、文档的几种方法
1、IE专用(通过frames索引形象定位):
复制代码 代码如下:

document.frames[i].document.getElementById('元素的ID');
2、IE专用(通过iframe名称形象定位):
复制代码 代码如下:

document.frames['iframe的name'].document.getElementById('元素的ID');
以上方法,不仅对iframe适用,对frameset里的frame也同样适用。IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。比如这个,它在同样支持下面的标准路径之外,提供了一个简洁且形象化的写法。
3、通用方法:
复制代码 代码如下:

document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')
注意要加上contentWindow,往往出现问题都是因为这个容易被忽略,它代表frame和iframe内部的窗口对象。
JS获取iframe文档内容
复制代码 代码如下:

<script type="text/javascript">
function getIframeContent(){ //获取iframe中文档内容
var doc;
if (document.all){ // IE
doc = document.frames["MyIFrame"].document;
}else{ // 标准
doc = document.getElementById("MyIFrame").contentDocument;
}
return doc.body.innerHTML;
}
</script>
注意:上面的 .contentDocument 相当于 .contentWindow.document !
一、需求与遇到的问题
网站的后台管理中使用了iframe框架布局,包括顶部菜单、左侧导航和主页面。需求是:点击主页面上的一个按钮,在顶部菜单栏的右侧显示“退出”链接,点击可退出系统
我的思路是:在顶部的菜单页面放一个不可见的“退出”链接,当用户点击位于iframe中的主页面(mainPage.htm)中的按钮时,在顶部菜单页面的右侧显示“退出”。
我现在遇到的问题是:如何在页面的一个iframe子页面(mainPage.htm)中获取并且操作其它iframe子页面(比如topPage.htm)中的HTML元素?
二、通过JS获取并操作iframe中的元素来解决问题
这里主要就是通过JS来操作Window对象。Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。
经过我在网上查资料,找到了JS操作iframe中HTML元素的方法。示例如下。
复制代码 代码如下:

function ShowExit() {
//获取iframe的window对象
var topWin = window.top.document.getElementById("topNav").contentWindow;
//通过获取到的window对象操作HTML元素,这和普通页面一样
topWin.document.getElementById("exit").style.visibility = "visible";
}
说明:第一步,通过window.top.document.getElementById("topNav")方法获取了顶部菜单页面(topPage.htm)所在的iframe对象;第二步,通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象;第三步,通过上一步获取到的window对象来操作iframe框架中的元素,这和操作不在iframe框架中的普通HTML元素是一样的。

⑶ js/jquery如何获取获取父窗口的父窗口的元素

发现答非所问的人还不少啊

取父窗口的元素方法:$(selector, window.parent.document);
那么你取父窗口的父窗口的元素就专可以用:$(selector, window.parent.parent.document);

类似属的,取其它窗口的方法大同小异
$(selector, window.top.document);
$(selector, window.opener.document);
$(selector, window.top.frames[0].document);

希望对你能有帮助

⑷ 我要怎么取得父级DIV的ID呢

首先通过js获取到当前img对象,可以使用document.getElementById()的方式,然后通获取到的对象的parentElement属性指向的就是当前元素的直接父级元素。

//获取到当前IMG对象
varobj=document.getElementById("imgId");
//获取到IMG对象的直接父级对象元素
varparentEl=obj.parentElement;


示例效果代码:

<html>
<head>
<metahttp-equiv="content-type"content="text/html;charset=GBK">
<style>
#div_parentDiv{width:20%;text-align:center;}
.mouseoverCss{border:1pxsolid#FF0000;}
.mouseoutCss{border:1pxsolid#EEEEEE;}
</style>
<scripttype="text/javascript">
functiongetParentEl(obj,showColor){
if(obj){
//这个就是获取当前对象的上一级元素
varparentEl=obj.parentElement;
varclassName="mouseoutCss";
if(showColor){
className="mouseoverCss";
}
parentEl.className=className;
}
}
</script>
</head>
<body>
<divid="div_parentDiv"class="mouseoutCss">
<imgsrc="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/66/r6s1g11.gif"onmouseover="getParentEl(this,true);"onmouseout="getParentEl(this,false);"/>
</div>
</body>
</html>

⑸ js里面的父节点作用

  1. 通过顶层document节点获取:
    (1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法。如果页面上含有多个相同id的节点,只返回第一个节点。

    (2)document.getElementsByName(elementName):该方法是通过节点的name获取节点,从名字可以看出,这个方法返回的不是一个节点元素,而是具有同样名称的节点数组。可以通过要获取节点的某个属性来循环判断是否为需要的节点。

    (3)document.getElementsByTagName(tagName):该方法是通过节点的Tag获取节点,返回一个数组。

  2. 通过父节点获取:

    (1)parentObj.firstChild:如果节点为已知节点(parentObj)的第一个子节点就可以使用这个方法。
    (2)parentObj.lastChild:很显然,这个属性是获取已知节点(parentObj)的最后一个子节点。
    (3)parentObj.childNodes:获取已知节点的子节点数组,然后可以通过循环或者索引找到需要的节点。

    (4)parentObj.children:获取已知节点的直接子节点数组。
    (5)parentObj.getElementsByTagName(tagName):使用方法不再赘述,返回已知节点的所有子节点中类型为指定值的子节点数组。

  3. 通过临近节点获取:
    (1)neighbourNode.previousSibling:获取已知节点(neighbourNode)的前一个节点。
    (2)neighbourNode.nextSibling:获取已知节点(neighbourNode)的下一个节点,同样支持递归。
    4、通过子节点获取:
    childNode.parentNode:获取已知节点的父节点。


阅读全文

与js中获取父元素的位置相关的资料

热点内容
js里计算数字和 浏览:679
数控编程的基点是什么 浏览:862
零食买货上门的app有哪些 浏览:781
网络线路备份措施 浏览:498
苹果6p需要贴膜吗 浏览:214
java的视频 浏览:252
java设计模式分类 浏览:791
最大的数据线是多少厘米 浏览:880
湖州如何学数控编程 浏览:648
编程gu表示什么 浏览:259
表格批量修改照片文件名 浏览:934
20l6年元旦微信表情 浏览:720
网络销售股票怎么做 浏览:85
如何把qq程序解压出来 浏览:578
hearingtest安卓版 浏览:156
抽查原地形数据要抽多少个点 浏览:382
正时链条看电脑哪个数据 浏览:584
怎么让网站关键词排名 浏览:80
编程猫如何建立随机坐标列表 浏览:942
js中获取父元素的位置 浏览:703

友情链接