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

核心提示： #div1{background:#FCE2BC;border:solid 1px #FF9900;width:500px;height:50px;margin-bottom:20px;}#div2{background:#BCC8FC;border:solid 1px #4769F9;w

#div1
{
　　background:#FCE2BC;
　　border:solid 1px #FF9900;
　　width:500px;
　　height:50px;
　　margin-bottom:20px;
}
#div2
{
　　background:#BCC8FC;
　　border:solid 1px #4769F9;
　　width:500px;
　　height:50px;
　　margin-bottom:20px;　　
}

实现Silverlight的界面布局，使用Canvas，给它的背景定义为浅绿色，XAML如下：

<Canvas Background="#D5FCDF">
　　<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>
　　<WatermarkedTextBox x:Name="result" Watermark="这里显示结果"
　　　　　　　　　　　　Height="40" Width="300"
　　　　　　　　　　　　Canvas.Left="30" Canvas.Top="100">
　　</WatermarkedTextBox>
　　<Button x:Name="displayButton" Background="Red"
　　　　　　Height="40" Width="100" Content="显 示"
　　　　　　Canvas.Top="50" Canvas.Left="350"
　　　　　　Click="displayButton_Click">
　　</Button>
</Canvas>

实现对HTML DOM的访问。Silverlight 2在命名空间System.Windows.Browser下内置了很多对于HTML DOM访问和操作的支持，我们最常用的一个对象是HtmlElement，通过HtmlPage静态类可以获取到当前页面的文档模型，最后再调用GetElementsByTagName或者GetElementById方法。