js ul li 隐藏多余li

方法1

<ul>
<li>fastnas</li>
<li>IOT</li>
<li>农业物联网</li>
<li>工业物联网</li>
</ul>
<script>
window.onload=function(){
    var lis=document.getElementsByTagName("li");
    for(var i=3;i<lis.length;i++){
        lis[i].style.display="none";
    }
}
</script>

方法2

<style>
ul li:nth-child(n+5) {display:none}
</style>
<ul>
<li>fastnas</li>
<li>IOT</li>
<li>农业物联网</li>
<li>工业物联网</li>
</ul>