1.html和css代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<ul id="uu">
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
<li>第四个</li>
<li>第五个</li>
</ul>
</body>
</html>
2.javascript代码部分
<script>
function getFirstElementChild(element){
if(element.firstElementChild){
return element.firstElementChild;
}else{
var node=element.firstChild;
while(node&&node.nodeType!=1){
node = node.nextSibling;
}
return node;
}
}
function getLastElementChild(element){
if(element.lastElementChild){
return element.lastElementChild;
}else{
var node = element.lastElementChild;
while(node&&node.nodeType!=1){
node=node.previousSibling;
}
return node;
}
}
</script>