JS 查找父子节点

发布网友发布时间：2022-04-21 22:07

共2个回答

热心网友时间：2022-04-21 23:36

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>

<body>
<div id="aaa">
<div id="baa">baa</div>
<div id="bbb">bbb</div>
<div id="bjj">bjj</div>
</div>
<div id="ccc">
<div id="bbb">bbb</div>
<div id="ban">ban</div>
<div id="bkl">bkl</div>
</div>
<div id="ddd">
<div id="rat">rat</div>
<div id="erb">erb</div>
<div id="bbb">bbb</div>
</div>
<script type="text/javascript">

function getChildRen(o)
{
/*
*children 是非标准dom集合，FF并不支持，确切的说是所有Gecko引擎不支持。opera和safari都支持。跟着IE有肉吃啊。
parentElement 获取对象层次中的父对象。
parentNode 获取文档层次中的父对象。
childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
children 获取作为对象直接后代的 DHTML 对象的集合。
parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准，Firefox就不支持
*这段代码可以跨所有浏览器
*/
var ary_o = new Array;
if (c = o.childNodes)
{
for (var i=0; i <c.length; i++)
{
if (c[i].nodeType == 1)
{
ary_o.push(c[i])
}
}
}
return ary_o;
}
var parent = getChildRen(document.getElementById("ccc"));
for(var i =0 ; i< parent.length;i++)
{
alert(parent[i].innerHTML);
}
</script>
</body>
</html>

热心网友时间：2022-04-22 00:54

这样的写法不规范啊~ 最好不要有相同id的元素，一个id号只给一个元素使用

查询父节点的方法是
var obj = document.getElementById('a');
objParent = obj.parentNode;