我要怎么取得父级DIV的ID呢?
是这样子的,我另一个页面有个onmouseover的鼠标悬停效果,悬停时,<img>的父级DIV的边框变色,我要怎么取得父级DIV的ID呢?...
是这样子的,我另一个页面有个onmouseover的鼠标悬停效果,悬停时,<img>的父级DIV的边框变色,我要怎么取得父级DIV的ID呢?
展开
4个回答
展开全部
首先通过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>
展开全部
var parent = child.parentNode;//这个是js获取父元素
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用jquery 页面引入jquery后 $("img").parent().attr("id");
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
开始你给我的私信有回给你了 你去看看
来自:求助得到的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询