asp.net - Change TreeView node style programmatically

How to set, change TreeView node style programmatically
TreeViewNodeStyle.aspx

<%@ Page Language="C#" %>
<%@ Import Namespace="System.Drawing" %>

<!DOCTYPE html>

<script runat="server">
    protected void Button1_Click(object sender, System.EventArgs e)
    {
        TreeView1.NodeStyle.BackColor = Color.LightPink;
        TreeView1.NodeStyle.ForeColor = Color.Crimson;
        TreeView1.NodeStyle.BorderWidth = 1;
        TreeView1.NodeStyle.BorderColor = Color.AliceBlue;
        TreeView1.NodeStyle.Font.Italic = true;
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to set, change TreeView node style programmatically</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy">TreeView Example: NodeStyle</h2>
        <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
        <asp:TreeView 
             ID="TreeView1"
             runat="server"
             DataSourceID="SiteMapDataSource1"
             Width="275"
             BorderWidth="2"
             BorderColor="Tomato"
             BackColor="HotPink"
             ForeColor="Snow"
             >
             
        </asp:TreeView>
        <br />
        <asp:Button 
             ID="Button1" 
             runat="server"
             ForeColor="DarkBlue"
             Text="Change TreeView NodeStyle"
             Height="45"
             OnClick="Button1_Click"
             Font-Bold="true"
             />
    </div>
    </form>
</body>
</html>
Web.sitemap
Web.sitemap source code here.

   
Related asp.net example