One—innerHTML

  获取和设置标签里所有内容（包括子标签）
获取 语法：object.innerHTML
    例：

 <div id= 'box'>
      <p>明天，您好！</p>
  </div>
  <script>
      var oBox = document.getElementById( 'box' );
          alert( oBox.innerTHML );
  </script>

1.png

设置 语法：Obj . innerHTML = ' <标签>内容</标签> ';

  <script>
     var oBox = document.getElementById( 'box' );
         oBox.innerHTML = '<p>明天会更好</p>' ;
  </script>

2.png

注意：

    用 = 会把原来的覆盖掉，如果不覆盖用 += ；

Two innerText

  获取和设置标签里的文本内容（不包括子标签）

获取 语法：object.innerText

 <div id= 'box'>
      <p>明天，您好！</p>
     <p>明天会更好</p>
  </div>
  <script>
      var oBox = document.getElementById( 'box' );
          alert( oBox.innerText );
  </script>

3

设置 语法：Obj . innerText= '文本内容';

 <script>
      oBox.innerText = '明天会更好';
  </script>

4

注意：如果对div设置会破坏div里的子元素；
所以如果要用innerText来设置则要对内容标签来设置；

innerHTML与innerText区别

innerHTML会解析标签：

5

innerText不会解析标签，会以文本的形式显示出来

6