简单的DOM获取

简单的DOM获取
一，常用的获取元素节点：
获取元素节点对象：
1，oObj = document.getElementById('');
获取特定id属性的元素节点，只能获取一个，没有length方法。DOM对象中如有两个或者以上的相同id值的元素节点，谁在前获取哪个。

2，aObj = document.getElementsByName('');
获取相同name属性值的元素节点，常用于表单元素，例如 input

3,aObj = document.getElementsByTagName('');
获取相同标签名的元素节点, 例如：li

4,aObj = document.getElementsByClassName('');
获取相同class属性值的元素节点,IE8以下不兼容
兼容方法：
function getClass(className) {
 var oElNode = document.getElementsByTagName('*');
 var oClass = [];
 for (var i = 0; i < oElNode.length; i++) {
  if (oElNode[i].className == className) {
   oClass.push(oElNode[i])
  }
 }
 return oClass;
}

5，aObj = oParent.children;
获取父元素下面的直接子元素节点，不会包括空文本元素
 1；oObj = oParent.children[0];
 等于父元素下的第一个元素节点 
 2；oObj = oParent.children[oParent.children.length-1]; 
 等于父元素下的最后一个元素节点

6，oObj = oEle.parentNode;
获取子元素上面的直接父元素节点

----------------------------------------------------------------------------------------------------------------------------

二，常用的获取属性节点：
1,aObj = ele.attributes;
获取元素的所有属性集合

2,sObj = ele.getAttribute('');
获取元素的指定属性名的指定属性值
在IE6、7下，不能获取指定的值
兼容方法：
 sObj = ele.getAttributeNode('').nodeValue;

3,oObj = ele.getAttributeNode('');
获取指定属性名的属性值，以 属性节点对象返回

4，sObj = ele.className;
获取或者修改元素节点的class属性值

5,sObj = ele.id;
获取或者修改元素节点的id属性值

6，sObj = ele.title；
获取或者修改元素节点title属性值

6，sObj = ele.style.attributename;/ele['style']['attributename'];
直接通过写属性名来获得行间样式属性值和更改行间样式属性值，且带有单位 如 px

7,sObj = ele.currentStyle.attributename;/ele.currentStyle['attributename'];
可以获得非行间样式的属性值，不会带单位
只能在IE下使用

8,sObj = window.getComputedStyle(ele, null).attributename;/ window.getComputedStyle(ele, null)['attributename'];
可以获得非行间样式的属性值，不会带单位
只能在非IE8及以下使用

----------------------------------------------------------------------------------------------------------------------------
三，常用的获取文本内容：
1，sObj = ele.textContent;
获取元素节点下所有元素的文本内容,ie8及以下不兼容

2，sObj = ele.innerText;
获取元素节点下所有元素的文本内容

1，sObj = ele.innerHTML;
获取和设置元素节点下所有元素，如果只有文本内容，只返回文本内容。