js获取任意一个父级元素的最后一个子级元素和第一个元素兼容浏览器

	</head>
	
	<ul id="uu">
		<li>111</li>
		<li>222</li>
		<li>333</li>
		<li>444</li>
		<li>555</li>
		<li>666</li>
	</ul>
	
	<script>
		//第一个节点和第一个元素的获取的代码在ie8不支持
		
		/*
		 * element.firstElementChild;谷歌和火狐是第一个元素，ie8不支持
			element.firstChild;ie8获取的是第一元素，谷歌和火狐是第一个子节点
		 */
		console.log(document.getElementById("uu").firstChild);
		
		console.log("firstElementChild::::::::::;"+document.getElementById("uu").firstElementChild);
		//获取一个父级元素的第一个子级元素
		function getFirstementChild(element){
			if (element.firstElementChild) {//
				return element.firstElementChild;
			} else{
				
				var node=element.firstChild;//第一个节点
				while (node&& node.nodeType==1){
					node=node.nextSibling;
				}
				return node;
			}
			console.log(element.firstElementChild);
			
			console.log(element.firstChild);
		}
		
		console.log(getFirstementChild(document.getElementById("uu")).innerHTML);
		
		
		
	//获取任意一个父级元素的最后一个子级元素
  function getLastElementChild(element) {
    if(element.lastElementChild){//true--->支持
      return element.lastElementChild;
    }else{
      var node=element.lastChild;//第一个节点
      while (node&&node.nodeType!=1){
        node=node.previousSibling;
      }
      return node;
    }
  }
	</script>

	</body>