elem.childNodes[0] //这是第一个子元素
elem.childNodes[1] //这是第二个子元素，依此类推
此外，还可以使用children，它也是个集合，用法一样：
elem.children[0] //这是第一个子元素
elem.children[1] //这是第二个子元素，依此类推
childNodes和children的区别在于，前者会把文本元素（含回车、空格等）也作为子元素，后这则只把标签元素作为子元素
此外，如果知道子元素的ID、Name、Class或者标签名，也可以直接获取子元素，比如：
elem.getElementById("abc") //获取id为abc的子元素（ID具有唯一性，所以它可以直接获取）
elem.getElementsByName("xxx")[0] //获取name属性为xxx的第一个子元素（name属性允许重名，所以它是个集合）
elem.getElementsByClassName("hehe")[0] //获取class为hehe的第一个子元素（class属性也是可以重名的）
elem.getElementsByTagName("a")[0] //获取第一个a标签子元素
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的<script>标签，输入jquery代码：
$('body').append($('body').children(":first").text())
3、浏览器运行index.html页面，此时成功获取到了body元素的第一个子元素并打印了其内容。
<script>var father=document.getElementById("father")
var div=father.getElementsByTagName("div")[0]
a()
function a(){
var ary=[]
var b=div.nextElementSibling
while (b){
ary.push(b)
b=b.nextElementSibling
}
console.log(ary)
}
</script>
