js動態遍歷li列表

簡述

本文主要簡略介紹，如何使用原生的js操作li的Dom，以實現li的動態變化，li遍歷的目的

動態增加li

通過li的父節點，為其添加子節點，以達到動態增減li的功能

     function addInfo(){
            if(document.getElementById("line_handing_input").value==""){
                alert("不能添加空值")
            }else{
                var par = document.getElementById("line_ol")
                var newLi = document.createElement('li')
                newLi.innerText = document.getElementById("line_handing_input").value
                par.appendChild(newLi)

            }
            
           
            
        }

遍歷li節點

var div2=document.getElementById('line_ol'); 
                var ol2=div2.childNodes; 
                var line_data = ""
                for(var i=0;i<ol2.length;i++){ 
                  line_data +=ol2.item(i).innerText+","
}