<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]
具体代码和验证自己做吧,只是大体的思路。
不知道是不是要实现这个,有理解错的地方,可以留言