js高度なWebAPI --- innerTextとinnerHtmlの違い

1.要素の内容を設定（書き込み）する場合：

• innerText：htmlタグを認識しません
• innerHtml：htmlタグを識別します

<div id="first"></div>
<div id="second"></div>

<script>
    var firstDiv = document.querySelector('#first');
    firstDiv.innerText = '<strong>今天是：</strong> 2021';

    var secondDiv = document.querySelector('#second');
    secondDiv.innerHTML = '<strong>今天是：</strong> 2021';
</script>
    

2.要素の内容を取得（読み取り）する場合：

• innerText：スペース、改行、およびhtmlタグを削除します（純粋に有効なコンテンツのみを保持します）
• innerHtml：そのまま出力

<p>
 我是文字
    <span>123</span>
</p>

<script>
    var p = document.querySelector('p');
    console.log(p.innerText);
    console.log(p.innerHTML);
</script>