devxlogo

Create a Collapsible Tree in IE5 Using SrcElement

Create a Collapsible Tree in IE5 Using SrcElement

Why Trust Us

Browsers Targeted: Internet Explorer 5

Tree structures appear quite often over the ‘Net, and they are becoming especially prominent in the face of the emergence of XML. Fortunately, tree structures are remarkably simple to create, using a combination of list elements and spans. In IE5, you can also take advantage of the srcElement property to simplify making a collapsible tree:

 
     onclick="updateTree()">    
  1. Chapter 1      
              
    1. Section 1           
                      
      1. Sub-section 1                 
                              
        1. Paragraph 1
          2.                     
        2. Paragraph 2
          3.                     
        3. Paragraph 3
          4.                
                    
        2.               
      2. Sub-section 2                 
                              
        1. Paragraph 1
          2.                     
        2. Paragraph 2
          3.                     
        3. Paragraph 3
          4.                
                    
        3.               
      3. Sub-section 3                 
                              
        1. Paragraph 1
          2.                     
        2. Paragraph 2
          3.                     
        3. Paragraph 3
          4.                
                    
        4.          
              
      2.         
    2. Section 2           
                      
      1. Sub-section 1                 
                              
        1. Paragraph 1
          2.                     
        2. Paragraph 2
          3.                     
        3. Paragraph 3
          4.                
                    
        2.               
      2. Sub-section 2                  
                              
        1. Paragraph 1
          2.                     
        2. Paragraph 2
          3.                     
        3. Paragraph 3
          4.                
                    
        3.               
      3. Sub-section 3                 
                              
        1. Paragraph 1
          2.                     
        2. Paragraph 2
          3.                     
        3. Paragraph 3
          4.                
                   
        4.          
              
      3.
devxblackblue

About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist

Charlie Frank

Charlie has over a decade of experience in website administration and technology management. As the site admin, he oversees all technical aspects of running a high-traffic online platform, ensuring optimal performance, security, and user experience.
View Author
Show More