js怎么找一个子元素的父元素
js找一个子元素的父元素：
<!DOCTYPE html><html><head>
<meta charset="utf-8">
</title> <script type="text/javascript"> function deleteElement(Obj)
{ Obj.parentNode.parentNode.removeChild(Obj.parentNode); } </script></head>
<body> <ul class="list2" ><li ><img alt="" src="1.jpg" /><div>mingzi1</div>
<a onclick="deleteElement(this)">删除</a></li><li ><img alt="" src="2.jpg" />
<div>mingzi2</div><a onclick="deleteElement(this)">删除</a></li><li >
<img alt="" src="3.jpg" /><div>mingzi3</div><a onclick="deleteElement(this)">删除</a>
</li></ul></body></html>
拓展资料
删除一个父元素下面的所有子元素:
document.getElementById("ok").innerHTML = "";
删除其中的一个：
document.getElementById("ok").remove(document.getElementById("ok").children(i));
//删除id为"ok"下的第i-1个子元素
一、原生方法：
元素parentNode，返回元素的第一个父节点。
二、Jquery方法：
1、元素parent()，返回元素的第一个父节点。
2、元素parents()，返回一个包含元素所有父节点的数组。
拓展资料
1、JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
2、在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
3、为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
找父元素节点的方法有:
1)原生方法
元素.parentNode 返回元素的第一个父节点
2)Jquery方法(记得导包)
元素.parent() 返回元素的第一个父节点
元素.parents() 返回一个包含元素所有父节点的数组
下面有个例子:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div><span><a id="a"></a></span></div>
<script src="jquery-2.1.1.min.js"></script>
<script>
//原生的方法
document.getElementById('a').parentNode //得到<span>节点
//也可以这么玩
document.getElementById('a').parentNode.parentNode //得到<div>节点
//Jquery的方法 记得导包哦
$('#a').parent();//得到<span>节点
$('#a').parent().parent();//得到<div>节点
$('#a').parents();//得到所有父级节点 <span> ,<div> ,<body> ,<html>
$('#a').parents('body');//得到<body>节点
</script>
</body>
</html>
1)原生方法
元素.parentNode 返回元素的第一个父节点
2)Jquery方法(记得导包)
元素.parent() 返回元素的第一个父节点
元素.parents() 返回一个包含元素所有父节点的数组
下面有个例子:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div><span><a id="a"></a></span></div>
<script src="jquery-2.1.1.min.js"></script>
<script>
//原生的方法
document.getElementById('a').parentNode //得到<span>节点
//也可以这么玩
document.getElementById('a').parentNode.parentNode //得到<div>节点
//Jquery的方法 记得导包哦
$('#a').parent();//得到<span>节点
$('#a').parent().parent();//得到<div>节点
$('#a').parents();//得到所有父级节点 <span> ,<div> ,<body> ,<html>
$('#a').parents('body');//得到<body>节点
</script>
</body>
</html>
