WEB开发网
开发学院图形图像Flash 学Silverlight 2系列(20):如何在Silverlight中... 阅读

学Silverlight 2系列(20):如何在Silverlight中与HTML DOM交互(下)

 2008-10-03 11:35:03 来源:WEB开发网   
核心提示:Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,学Silverlight 2系列(20):如何在Silverlight中与HTML DOM交互(下),如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,

Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。

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

创建DOM元素

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

学Silverlight 2系列(20):如何在Silverlight中与HTML DOM交互(下)

先来定义一下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区分

1 2 3 4 5  下一页

Tags:Silverlight 系列 如何

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接