vs2010 学习Silverlight学习笔记(17):Dome交互

概要：

       关于sl对html中DOM的交互。

内容：

命名空间: System.Windows.Browser;

 

1， 显示：

     HtmlElement element =HtmlPage.Document.GetElementById(this.input.Text);

     this.result.Text =element.GetAttribute("innerText");

 

2， 修改

element.SetAttribute("innerText",this.result.Text);

 

3,其他样式修改

                     //其他样式的显示

           this.result.Text = element.GetStyleAttribute("title");

           //其他样式的修改

           //element.SetStyleAttribute("width", this.result.Text);

       其中显示其他样式会报错！

总结：

       关于HTML的Dom元素交互，主要是System.windows.Browser;

的应用，方法也就很简单。但是在显示其他样式时会报错，修改却没有问题，

这是怎么回事？

概要：

       上篇学习对HTML中DOM的交互，包括读，修改。今天学习对DOM的创建和删除。

内容：

       需要的命名空间还是system.windows.Browser;

       创建：

                     //获取HTML中的父元素ID

           HtmlElement parent = HtmlPage.Document.GetElementById("list");

           //创建一个HTML子元素，并写入内容

           HtmlElement child = HtmlPage.Document.CreateElement("li");

           child.SetAttribute("innerText",this.input.Text );

           //向父元素中添加

           parent.AppendChild(child);

 

       移除：

        HtmlElement parent = HtmlPage.Document.GetElementById("list");

    HtmlElement child = HtmlPage.Document.GetElementById(this.input.Text);

        parent.RemoveChild(child);

 

//获取指定元素集合1个

HtmlElement eleC =HtmlPage.Document.GetElementsByTagName(this.textBox2.Text)[0] as HtmlElement;

 

       事件注册：

private void addButton_Click(object sender, RoutedEventArgs e)

{

    HtmlElement parent = HtmlPage.Document.GetElementById("parent");

    HtmlElement button = HtmlPage.Document.CreateElement("a");

    button.SetAttribute("innerText", "改变Silverlight中的颜色");

    button.SetAttribute("href","#");

    button.CssClass = "newstyle";

    parent.AppendChild(button);

//事件的注册

    button.AttachEvent("onclick", new EventHandler<HtmlEventArgs>(button_Click));

}

//事件的响应处理

void button_Click(object sender, HtmlEventArgs e)

{

    result.Stroke = new SolidColorBrush(Colors.Black);

    result.Fill = new SolidColorBrush(Colors.Green);

    result.StrokeThickness = 2;

}

 

 

总结：

       DOM与SL的交互就是这些，很是简单。但页面处理除了服务器端处理，还有Javascript客户端处理。这个下篇学习。