1. //备注：innerHTML和innerText的区别
    2. //innerHTML：用来修改元素中的HTML
    3. //innerText：用来修改元素中的 文本
    5.  <!DOCTYPE html>
    6.      <html xmlns="http://www.w3.org/1999/xhtml">
    7.           <head>
    8.              <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    9.              <title></title>
    10.              <script type="text/javascript"></script>
    11.          </head>
    12.        <body>
    13.           <span id="ShowName">admin</span>
    14.           <button id="ChangeSpanNameValue" onclick="ChangeNameValue();">改变</button>
    16.           <script text="text/javascript">
    17.              function ChangeNameValue()
    18.              {
    19.                   //找到当前HTML文档中ID名称叫ShowName的节点，这样我们就可以操作元素
    20.                    var span = document.getElementById("ShowName");
    21.                   //会将原来的span标签全部转换成为h1标签，内容也会被修改
    22.                    span.innerHTML="<h1>Test</h1>";
    23.                   //只会把span标签中的内容替换为<h1>Test</h1>
    24.                   //并不会将span标签改变
    25.                    span.innerText="<h1>Test</h1>";
    26.              }
    27.           </script>
    28.         </body>
    29.      </html>