JavaScript怎么获取一个元素的父级元素?以及子级元素

JavaScript023

JavaScript怎么获取一个元素的父级元素?以及子级元素,第1张

html代码:

<div id="test">

<div></div>

<div></div>

</div>

js代码:

<script>

function dom() {

var s= document.getElementById("test")

del_ff(s) //清理空格

var chils= s.childNodes //得到s的全部子节点

var par=s.parentNode //得到s的父节点

var fc=s.firstChild //获得s的第一个子节点

var lc=s.lastChile //获得s的最后一个子节点

}

</script>

建议:使用jquery来获取父级节点跟子级节点会更方便。

思路:先找到所有.red类的对象集合:obj_div

然后取含有绿色的那个:div_hg

然后找到这个里面的最后一个孩子(green)

1、找到对象集合 var obj_div = document.getElementsByClassName("red")

2、取出含有绿色的那个div_hg: var div_hg = obj_div[obj_div.length-1]

3、得到最后div里面的最后一个孩子:var green = div_hg.Children[div_hg.Children-1]

具体代码和验证自己做吧,只是大体的思路。

不知道是不是要实现这个,有理解错的地方,可以留言