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

Silverlight中内置了对于HTML、客户端脚本等的支持，本文为如何在 Silverlight 2中与HTML DOM交互第二部分。在第一部分中主要介绍了如何访问 和修改已有的HTML DOM，我们还可以完全创建一个新的DOM元素或者移除一个已 有的DOM元素，除此之外，我们还可以为DOM元素添加事件处理。

创建DOM元素

首先我们来看如何创建一个新的DOM元素，最终的效果如下，当我们在文本框 中输入文字后，单击创建，将在上面的区域中创建一个li元素。

先来定义一下HTML页面，甚至Silverlight插件的高度。

<div id="parentdiv">
　　<ul id="list">
　 　</ul>
</div>
<div　 style="height:200px;">
　　<asp:Silverlight ID="Xaml1" runat="server"
　　 Source="~/ClientBin/TerryLee.SilverlightAccessDom2.xap"
　　 Version="2.0" Width="100%" Height="200px" />
</div>

并且为上面的div定义一个简单的样式，以示与Silverlight区分

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