UC知道JS 查找父子节点
来源：百度知道 编辑：UC知道 时间：2024/06/04 07:47:50
在我的网页中有如下代码
<div id="aaa">
<div id="baa"></div>
<div id="bbb"></div>
<div id="bjj"></div>
</div>
<div id="ccc">
<div id="bbb"></div>
<div id="ban"></div>
<div id="bkl"></div>
</div>
<div id="ddd">
<div id="rat"></div>
<div id="erb"></div>
<div id="bbb"></div>
</div>
等
问题是：我想要操作ccc下的bbb的属性(如改变其高度),应如何实现?
也有可能是操作aaa下的bbb，这个不固定，但可以肯定是bbb是被操作对像，只是在不同的节点里。
请高手指点,不可以用jquery等其它JS框架提供的方法,要用JS原型的dom操作对像的方法(如document.getElementById等)
万谢！
<div id="aaa">
<div id="baa"></div>
<div id="bbb"></div>
<div id="bjj"></div>
</div>
<div id="ccc">
<div id="bbb"></div>
<div id="ban"></div>
<div id="bkl"></div>
</div>
<div id="ddd">
<div id="rat"></div>
<div id="erb"></div>
<div id="bbb"></div>
</div>
等
问题是：我想要操作ccc下的bbb的属性(如改变其高度),应如何实现?
也有可能是操作aaa下的bbb，这个不固定，但可以肯定是bbb是被操作对像，只是在不同的节点里。
请高手指点,不可以用jquery等其它JS框架提供的方法,要用JS原型的dom操作对像的方法(如document.getElementById等)
万谢！
这样的写法不规范啊~ 最好不要有相同id的元素，一个id号只给一个元素使用
查询父节点的方法是
var obj = document.getElementById('a');
objParent = obj.parentNode;
<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>