在Silverlight中与HTML DOM交互

拼搏现实的明天。 2022-08-07 12:51 304阅读 0赞

1.调用页面的前台代码如下:

这里是第一个div，id为div1</div>

这里是第二个div，id为div2</div>

</ul>

</div>

width="100%" height="200px">

<img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="获取 Microsoft Silverlight"

style="border-style: none" />

</a>

</object>

</iframe>

</div>

</form>

2.实现SilverLight

前台代码：  
<Canvas x:Name="LayoutRoot" 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>

<TextBox x:Name="result" Text="这里显示结果"

Height="40" Width="300"

Canvas.Left="30" Canvas.Top="100">

</TextBox>

<Button x:Name="displayButton" Background="Red"

Height="40" Width="130" Content="读取html元素的属性并显示"

Canvas.Top="50" Canvas.Left="350"

Click="displayButton\_Click">

</Button>

<Button x:Name="setButton" Background="Red"

Height="40" Width="130" Content="设置html元素的属性"

Canvas.Top="100" Canvas.Left="350"

Click="setButton\_Click">

</Button>

<Button x:Name="createButton" Background="Red"

Height="40" Width="130" Content="创建一个html元素"

Canvas.Top="50" Canvas.Left="500"

Click="createButton\_Click">

</Button>

<Button x:Name="deleteButton" Background="Red"

Height="40" Width="130" Content="删除一个html元素"

Canvas.Top="100" Canvas.Left="500"

Click="deleteButton\_Click">

</Button>

<Button x:Name="addButton" Background="Red"

Height="40" Width="160" Content="创建一个带事件的html元素"

Canvas.Top="50" Canvas.Left="650"

Click="addButton\_Click">

</Button>

</Canvas>

后台代码：

//读取

private void displayButton\_Click(object sender, RoutedEventArgs e)

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

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

//设置

private void setButton\_Click(object sender, RoutedEventArgs e)

//示例1

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

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

示例2

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

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

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

//创建

private void createButton\_Click(object sender, RoutedEventArgs e)

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

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

child.SetAttribute("id", "li"\+(parent.Children.Count+1).ToString());

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

parent.AppendChild(child);

//删除

private void deleteButton\_Click(object sender, RoutedEventArgs e)

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

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

parent.RemoveChild(child);

//创建一个带事件的html元素

private void addButton\_Click(object sender, RoutedEventArgs e)

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

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.BorderBrush = new SolidColorBrush(Colors.Black);

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

在Silverlight中与HTML DOM交互

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关详细介绍AngularJS中与HTML DOM交互的各种方法和技术

相关 silverlight 打开html_Silverlight与HTML页面交互基本方法总结

相关 unity与html前台交互,UNITY与HTML通讯

相关在Silverlight中与HTML DOM交互

相关 Silverlight 与HTML元素交互操作

相关在Silverlight中嵌入HTML或aspx页面

相关区别：DOM Core 与 HTML-DOM

相关 Silverlight与网页继承-通过html javascript 将silverlight添加到网页当中

相关 DOM【介绍、HTML中的DOM、XML中的DOM】

相关 DOM【介绍、HTML中的DOM、XML中的DOM】