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

是这样子的,我另一个页面有个onmouseover的鼠标悬停效果,悬停时,<img>的父级DIV的边框变色,我要怎么取得父级DIV的ID呢?... 是这样子的,我另一个页面有个onmouseover的鼠标悬停效果,悬停时,<img>的父级DIV的边框变色,我要怎么取得父级DIV的ID呢? 展开
 我来答
百度网友c8ccabb
2013-11-22 · TA获得超过1756个赞
知道大有可为答主
回答量:826
采纳率:0%
帮助的人:1161万
展开全部

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

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


示例效果代码:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=GBK">
<style>
#div_parentDiv{width:20%;text-align:center;}
.mouseoverCss{border:1px solid #FF0000;}
.mouseoutCss{border:1px solid #EEEEEE;}
</style>
<script type="text/javascript">
function getParentEl(obj, showColor){
if (obj) {
// 这个就是获取当前对象的上一级元素
var parentEl = obj.parentElement;
var className = "mouseoutCss";
if (showColor) {
className = "mouseoverCss";
}
parentEl.className = className;
}
}
</script>
</head>
<body>
<div id="div_parentDiv" class="mouseoutCss">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/66/r6s1g11.gif" onmouseover="getParentEl(this, true);" onmouseout="getParentEl(this, false);" />
</div>
</body>
</html>
六月枫_酆
2013-11-22
知道答主
回答量:12
采纳率:0%
帮助的人:4.8万
展开全部
var parent = child.parentNode;//这个是js获取父元素
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
蛤蟆皮8
2013-11-22
知道答主
回答量:11
采纳率:0%
帮助的人:8.3万
展开全部
用jquery 页面引入jquery后 $("img").parent().attr("id");
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
80828602
2013-11-22 · TA获得超过108个赞
知道答主
回答量:188
采纳率:100%
帮助的人:89.6万
展开全部
开始你给我的私信有回给你了 你去看看
来自:求助得到的回答
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式