技術標籤：# jsjs

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>