Html控件常用属性-InnerHtml属性及InnerText属性的区别

时间：2010-08-18 来源：aug

转载自：http://hi.baidu.com/panjundao/blog/item/787d56cdc489a834b700c867.html

今天做一个网页，做着做着，突然想到了HTML服务器控件的InnerHtml属性及InnerText属性，一直以来都没法区分这两者的区别。今天兴致来了，就百度了一下，以下内容就是从别人的百度空间转载的（我在园中搜了一下，发现没有这方面的内容，所以就转了！）：

使用InnerHtml属性以编程方式修改HTML服务器控件的开始和结束标记中的内容。InnerHtml属性不自动对进出HTML实体的特殊字符进行编码。HTML实体允许显示特殊字符(如<字符)，浏览器通常会将这些字符解释为具有特殊含义。<字符会被解释为标志的开头，并且不会在页面上显示。若要显示<字符，将需要使用实体&lt。
使用InnerText属性以编程方式修改HTML服务器控件的开始和结束标记之间的内容。与InnerHtml属性不同，InnerText属性自动对进出HTML实体的特殊字符进行编码。
例：两个控件的属性假设都为<b>试验</b>，对于InnerHtml属性而言会将其中的<b>标注加以解译，所以显示出粗体的文字；而对于InnerText属性而言不会将其中的<b>标注加以解译，所以会将<b>试验</b>一五一十的显示出来：

    <%@ Page language="c#" Codebehind="innerhtml.aspx.cs" AutoEventWireup="True"%>
    <HTML>
        <Script Language="C#" Runat="Server">
    public void Page_Load(object sender, EventArgs e)
    {
        Sp1.InnerHtml="InnerHtml 测试";
        Sp2.InnerText="InnerText 测试";
    }
    public void Button1_Click(object sender,EventArgs e)
    {
        Sp1.InnerHtml="<b>测试</b>";
        Sp2.InnerText="<b>测试</b>";
    }
        </Script>
        <Form Runat="Server" ID="Form1">
            <input type="button" Id="Button1" Runat="Server" OnServerClick="Button1_Click" value="请按此处" />

                <br />
                <span Id="Sp1" Runat="Server" />
                <br />
                <span Id="Sp2" Runat="Server" />
        </Form>
    </HTML>

程序执行结果如图。

点击按钮后的运行结果如图

最后，总结一下：我看来看去还是不知道InnerHtml属性及InnerText属性的区别，只看到测试结果才知道！感觉此空间的主人说的太深奥了，还不如说：InnerHtml，显示文字并执行HTML标签功能；而InnerText，不执行HTML标签功能而只显示所有文字字符串。这样才更明了！