innerHTML与innerText

<div id="box">
    我是一个box
    <span>我是一个span</span>
  </div>

<script>
    var box = document.getElementById('box');
    // console.dir(box);
    console.log(box.innerHTML);//我是一个box <span>我是一个span</span>
    console.log(box.innerText);  //我是一个box 我是一个span

    // box.innerHTML = '<b>123</b>'
    box.innerText = '<b>123</b>'
    console.log(box.innerHTML);//&lt;b&gt;123&lt;/b&gt;
    console.log(box.innerText);//<b>123</b>
  </script>

总结：innerHTML可以识别HTML标签；innerText不识别