DOM中的获得元素的方式

获取元素的方式：分为俩种：

1.直接获取：直接获取分为三种：

a，获取单个元素：

function demo1(){
				var uid=document.getElementById("username");
				alert(uid);
			}

b,获取部分元素：

function demo3(){
				var name=document.getElementsByName("sexn");
				alert(name);
			}

c,获取全部元素（同一类型的元素）：

function demo2(){
				var inp=document.getElementsByTagName("input");
				alert(inp);
			}

 

2.间接获取元素：

a,获取父类元素：

function demo5(){
				//先获取子类结点：
				var child= document.getElementById("hobby");
				
				//再获取父类结点  
				var fu= child.parentNode;
				console.log(fu);
			}

b，获取子类元素：

function demo4(){
				//先获取父类结点：
				var fu=document.getElementById("gj");
				//获得包括空白文档的子元素
				var child=fu.childNodes;
				var le=child.length;//11  [text, option, text, option, text, option, text, option, text, option, text]
				//去除空白文档之后的子元素结点：
				//var child=fu.childElementCount;// 5
				
				console.log(child);
			}

c,获取兄弟元素：

function demo6(){
				//先获取兄弟中的一个结点
				var i=document.getElementById("coun");
				//获取下一个结点   nextSibling:包含空白文档   nextElementSibling:不包含空白文档
				//var j=i.nextSibling;
				var j=i.nextElementSibling;
				
				//获取上一个结点：previousSibling:包含空白文档    previousElementSibling:不包含空白文档
				//var h=i.previousSibling;
				var h=i.previousElementSibling;
				console.log(h);
			}

间接获取，中又有俩种方法，一种是包含空白文档，一种是不包含的。