<body>
<div>klkx1</div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<div>klkx2</div>
<script>
var oUl = document.getElementsByTagName('ul')[0];
var s1 = oUl.childElementCount;//返回父级元素的子元素个数，不包括文本元素和注释
console.log( s1 );
var s2 = oUl.firstElementChild;//指向第一个子元素；firstChild的元素版
console.log( s2 );
/*
var s3 = oUl.firstChild;//firstChild包括文本元素
console.log( s3 );
*/
var s3 = oUl.lastElementChild;
console.log( s3 );//指向最后一个子元素；lastChild的元素版
var s4 = oUl.previousElementSibling;//指向前一个同辈元素
console.log( s4 );
var s5 = oUl.nextElementSibling;//指向前一个同辈元素
//s5.style.background = 'red';
console.log( s5 );
</script>
</body>
这些属性，不必担心空白文本节点