WebBrowser-Inner/Outer属性

最新推荐文章于 2025-07-26 13:00:03 发布

原创最新推荐文章于 2025-07-26 13:00:03 发布 · 958 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#div #html #测试 #工作

C# 专栏收录该内容

41 篇文章

订阅专栏

本文通过一个实例详细介绍了HtmlElement类的InnerHtml、InnerText、OuterHtml和OuterText属性的区别及使用方式，并展示了这些属性如何用于读取和修改HTML元素的内容。

关于HtmlElement类的 InnerHtml、InneText、OuterHtml、OuterText属性的使用MSDN里的介绍看得不是很明白，以下是一个小测试

<HTML> <BODY> <div id="A" style="font-size:20px;border:2px double black;" mce_style="font-size:20px;border:2px double black;">DIV容器 A: <div id="B" style="font-size:16px;color:brown;" mce_style="font-size:16px;color:brown;">DIV容器 B: <font face="Arial" size="7" color="#CC3399">code</font> </div> </div> </BODY> </HTML>

HtmlDocument document = wbs1.Document; HtmlElement el = document.All["A"]; Trace.WriteLine("InnerHtml:" + el.InnerHtml); Trace.WriteLine("OuterHtml:" + el.OuterHtml); Trace.WriteLine("InnerText:" + el.InnerText); Trace.WriteLine("OuterText:" + el.OuterText); Trace.WriteLine("修改InnerText..."); el.InnerText = ("InnerText修改"); Trace.WriteLine("修改后的InnerHtml:" + el.InnerHtml); Thread.Sleep(15000); Trace.WriteLine("修改OuterText..."); el.OuterText = ("OuterText修改"); Trace.WriteLine("修改后的InnerHtml:" + el.InnerHtml);

在输出方面InnerHtml是DIV A的内层所有内容、OuterHtml是DIV A包括外层标签在内的所有内容，而InnerText和OuterText的输出是相同的，即DIV A内层除标签外的所有文本内容

在输入方面InnerText和OuterText工作起来像是Inner/OuterHtml，对InnerText的设置替换了DIV A内层的所有内容，而对OuterText的设置替换了整个DIV A(包括外层标签)