获取标签的子元素

<ul id="list"><!-- <li>0</li> -->
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

 <script>
 var list = document.getElementById('list'); 
  console.log(list.children); // 获取到的是非注释与换行符的子标签 长度是 4
 console.log(list.childNodes); // 获取到的包括换行符与注释的所有子标签 长度是10
 </script>

ps:可以在注释中写html模板，做到javascript 与 html 分离。