Silverlight 2系列：与HTML DOM交互（2）

html页面

<div id="parentdiv">
    <ul id="list">
    </ul></div>//加上这个

    <div id="silverlightControlHost"> 
   
  <object data="data:application/x-silverlight," type="application/x-silverlight-2-b2" width="100%" Height="200px">
   <param name="source" value="ClientBin/SilverlightApplication6.xap"/>
   <param name="onerror" value="onSilverlightError" />
   <param name="background" value="white" />
   
   <a href="http://go.microsoft.com/fwlink/?LinkID=115261" style="text-decoration: none;">
        <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/>
   </a>
  </object>
  <iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>
    </div>

page页面中

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

 

page。cs页面中

    private void displayButton_Click(object sender, RoutedEventArgs e)
        {
            HtmlElement parent = HtmlPage.Document.GetElementById("list");

            HtmlElement child = HtmlPage.Document.CreateElement("li"); //创建一个子的element ，值为input。text的值
            child.SetAttribute("innerText", this.input.Text);

            parent.AppendChild(child);

        }