学Silverlight 2系列（20）：如何在Silverlight中与HTML DOM交互（下）

核心提示： #parentdiv{background:#FCDFB3;border:solid 1px #FF9900;width:500px;height:100px;margin-bottom:20px;}在Silverlight中进行界面布局，XAML如下：<Canvas Backgro

#parentdiv
{
　　background:#FCDFB3;
　　border:solid 1px #FF9900;
　　width:500px;
　　height:100px;
　　margin-bottom:20px;　　
}

在Silverlight中进行界面布局，XAML如下：

<Canvas Background="#CDFCAE">
　　<TextBlock Text="Silverlight Accessing the HTML DOM" Foreground="Red"
　　　　　　　 Canvas.Top="10" Canvas.Left="30" FontSize="18">
　　</TextBlock>
　　<WatermarkedTextBox x:Name="input" Watermark="请在这里输入"
　　　　　　　　　　　　Height="40" Width="300"
　　　　　　　　　　　　Canvas.Left="30" Canvas.Top="50">
　　</WatermarkedTextBox>
　　<Button x:Name="createButton" Background="Red"
　　　　　　Height="40" Width="100" Content="创 建"
　　　　　　Canvas.Top="50" Canvas.Left="350"
　　　　　　Click="createButton_Click">
　　</Button>
</Canvas>

编写创建按钮的代码，首先获取到要往里面添加元素的父元素，即我们定义的ul：

HtmlElement parent = HtmlPage.Document.GetElementById("list");

创建一个新的元素li，并设置属性

HtmlElement child = HtmlPage.Document.CreateElement("li");
child.SetAttribute("innerText", this.input.Text);

添加新元素到parent中