<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); // 获取到的是非注释与换行符的子标签 长度是 4console.log(list.childNodes); // 获取到的包括换行符与注释的所有子标签 长度是10</script>
ps:可以在注释中写html模板,做到javascript 与 html 分离。