Remove double bullets in nested list

Question

Nested list have double bullets. One for the li and another for the child list.

example

    

        
item
         


        

Answer 1

Would you mind if I used styles? Updated

Code:

        

            
item
            
item
            

                

                    
item
                    
item
                    
item
                
            
        
        

            
item
            
item
            

                    
item
                    
item
                    
item
                
            
        

Another method might be running through the list of LI and adding the style by detecting child nodes. Example

Code (HTML is the same):

var li = document.getElementsByTagName("li");

for (var i=0, max=li.length; i < max; i++)
    if (li[i].childNodes.length > 1)
        li[i].style.listStyle = "none";