以下是节点的三个属性：
若是火狐和chrome浏览器上述方法不存在兼容问题，而若是在IE8浏览器中后四组内容只能获取元素，无法获取文本或属性。即原获取节点方法-->取元素；原获取元素方法-->undefined。
jQuery中是以方法的形式进行调用，同时都是用来获取元素：
对于文本节点，节点值为文本内容；对于属性节点，节点值为属性的值。
节点值对于文档节点和元素节点是不可用的。
获取节点值的语法：
nodeObject.nodeValue
其中，nodeObject 为DOM节点（节点对象）。
举例，获取文本节点的节点值：
<div id="demo3">点击这里显示文本节点的值</div><script type="text/javascript">
document.getElementById("demo3").onclick=function(){
alert(this.firstChild.nodeValue) // this 指当前发生事件的HTML元素，这里是<div>标签
}
</script>
js获取html元素的方式
+通过ID获取：getElementById('id属性值')
+通过标签名：getElementsByTagName('标签名')
+通过类名：getElementsByClassName('类名')
+通过name属性：getElementsByName('name属性值')
+通过选择器获取一个元素：querySelector
+通过选择器获取一组元素：querySelectorAll
1.获取id值为d1的html元素
将获取到的html元素称为DOM节点对象，必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。
2.通过标签名：getElementsByTagName('标签名')
参数是是获取元素的标签名属性，不区分大小写，根据标签名获取html元素， 返回的是一个数组(伪数组)
通过类名：getElementsByClassName('类名')
参数是元素的类名，返回值是一个类数组，没有找到返回空数组。
通过类名：getElementsByClassName('类名')
必须传参数，参数是是获取元素的name属性，返回值是一个类数组，没有找到返回空数组。
通过选择器获取一个元素：querySelector
参数是选择器，返回值只获取到第一个元素。
通过选择器获取一组元素：querySelectorAll
参数是选择器，返回值是一个数组。
