前面文章讲到通过Ajax请求服务端获取数据，然后客户端这边将数据填充到指定模板中，然后将模板邦定到指定元素中，这样就会显示模板HTML，下面文章说明一下HTML，Text，Val方法之间的区别，下面展示测试代码 ：

    1.  <!DOCTYPE html>
    2.      <html xmlns="http://www.w3.org/1999/xhtml">
    3.           <head>
    4.              <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    5.              <title></title>
    6.                /* 引入Jquery库文件*/
    7.               〈script type="text/javascript" src="/Script/jquery-1.10.2.min.js"></script>
    8.                <script type="text/javascript">
    9.                    $(function(){
    10.                        $("#ChangeHtml").click(function(){
    11.                             var htmlSpan=$("#HtmlFunction");
    12.                              htmlSpan.html("<h1>html方法</h1>")
    13.                        });
    15.                        $("#ChangeText").click(function(){
    16.                             var textSpan=$("#TextFunction");
    17.                              textSpan.html("<h1>html方法</h1>")
    18.                        });
    20.                        $("#ChangeVal").click(function(){
    21.                             var valSpan=$("#ValFunction");
    22.                             valSpan.html("<h1>html方法</h1>")
    23.                        });
    24.                    })
    25.                </script>
    26.          </head>
    27.        <body>
    28.               <span id="HtmlFunction">HTML方法</span>    
    29.               <span id="TextFunction">TEXT方法</span>
    30.               <span id="ValFunction">VAL方法</span>
    31.               <button id="ChangeHtml"HTML方法按钮></button>
    32.               <button id="ChangeText">TEXT方法按钮></button>
    33.               <button id="ChangeVal">VAL方法按钮></button>
    34.         </body>
    35.      </html>

    备注：页面上代码有三个span标签，三个按钮，分别对应HTML,TEXT,VAL三个方法，最后测试结果如下表

    html 和JS中的innerHtml方法一致,改HTML节点
    text 和JS中的innerText方法一致,改节点内容
    val 获取指定节点的值