原生JS与jQuery获取节点的方法

JavaScript013

原生JS与jQuery获取节点的方法,第1张

  首先我们来介绍一下DOM中元素与节点间的关系：页面中所有内容都是节点[包括元素，属性，文本]，所以节点是包括元素的。

  以下是节点的三个属性：

  若是火狐和chrome浏览器上述方法不存在兼容问题，而若是在IE8浏览器中后四组内容只能获取元素，无法获取文本或属性。即原获取节点方法-->取元素；原获取元素方法-->undefined。

  jQuery中是以方法的形式进行调用，同时都是用来获取元素：

两种方法：

比如有个文本节点：<div id="test"><strong>this is value</strong></div>

1、通过document对象获取：

var obj=document.getElementById("test")

//非Mozilla浏览器：

obj.innerText

2、其他的浏览器

obj.firstChild.nodeValue