<script type="text/javascript">
//<![CDATA[ //获取h1元素节点
var h1 = document.getElementsByTagName('h1')[0];
//获取h1元素节点下面的第一个子节点
document.write("<h1>" + h1.firstChild.nodeName + "</h1>");
//获取h1元素节点下面的最后一个子节点
document.write("<h1>" + h1.lastChild.nodeValue + "</h1>");
//获取strong元素节点与文本节点的父级元素节点
document.write("<h1>" + h1.firstChild.parentNode.nodeName + "</h1>");
document.write("<h1>" + h1.lastChild.parentNode.nodeName + "</h1>");
document.write("<h1>" + h1.childNodes[0].nodeValue + "</h1>");
//获取strong元素标签的第一个子节点与最后一个子节点
document.write("<h1>" + h1.firstChild.firstChild.nodeValue + "</h1>");
document.write("<h1>" + h1.firstChild.lastChild.nodeValue + "</h1>");
</script>
这里的第一行代码,中寻找h1节点时,为什么要加[0]
//<![CDATA[ //获取h1元素节点
var h1 = document.getElementsByTagName('h1')[0];
//获取h1元素节点下面的第一个子节点
document.write("<h1>" + h1.firstChild.nodeName + "</h1>");
//获取h1元素节点下面的最后一个子节点
document.write("<h1>" + h1.lastChild.nodeValue + "</h1>");
//获取strong元素节点与文本节点的父级元素节点
document.write("<h1>" + h1.firstChild.parentNode.nodeName + "</h1>");
document.write("<h1>" + h1.lastChild.parentNode.nodeName + "</h1>");
document.write("<h1>" + h1.childNodes[0].nodeValue + "</h1>");
//获取strong元素标签的第一个子节点与最后一个子节点
document.write("<h1>" + h1.firstChild.firstChild.nodeValue + "</h1>");
document.write("<h1>" + h1.firstChild.lastChild.nodeValue + "</h1>");
</script>
这里的第一行代码,中寻找h1节点时,为什么要加[0]
先搞明白 每个函数是做什么的,参数,返回值是什么类型,什么意义。