Silverlight操作网页元素

Silverlight操作网页元素

还是通过网页元素的ID得到给元素，然后设置该元素的属性即可

Html

< img id = "myimg" src = "ClientBin/Images/Eagle.jpg" alt = "niao" />

XAML

< StackPanel >
       < Slider x:Name = "myslider" Maximum = "1000" Minimum = "0" Value = "50" ValueChanged = "myslider_ValueChanged" ></ Slider >
   </ StackPanel >

CS

private void myslider_ValueChanged( object sender, RoutedPropertyChangedEventArgs< double > e)
       {
           HtmlElement img = HtmlPage.Document.GetElementById( "myimg" );
           img.SetAttribute( "width" ,e.NewValue.ToString());
       }

反之呢？

我们要改变Silvelight中的元素，那么必须在后台事件中，所以，原理就是把html元素的事件绑定到code-behind即可

html

< select id = "select" >
   < option title = "Red" value = "Red" selected>Red</ option >
   < option title = "Blue" value = "Blue" >Blue</ option >
   < option title = "Yellow" value = "Yellow" >Yellow</ option >
   </ select >

XAML

< Ellipse x:Name = "myell" Width = "200" Height = "200" Fill = "Red" ></ Ellipse >

CS

public MainPage()
       {
           InitializeComponent();
           HtmlElement select = HtmlPage.Document.GetElementById( "select" );
           select.AttachEvent( "onchange" , new EventHandler<HtmlEventArgs>(Select_onChange));
       }

       private void Select_onChange( object sender, HtmlEventArgs e)
       {
           HtmlElement select = HtmlPage.Document.GetElementById( "select" );
           string Value = select.GetAttribute( "value" );
           switch (Value)
           {
               case "Red" :
                   myell.Fill = new SolidColorBrush(Colors.Red);
                   break ;
               case "Blue" :
                   myell.Fill = new SolidColorBrush(Colors.Blue);
                   break ;
               case "Yellow" :
                   myell.Fill = new SolidColorBrush(Colors.Yellow);
                   break ;
               default :
                   break ;
           }
       }