innerHTML 属性

• innerHTML 用于获取标签中所有内容，包括标签本身。
• 当使用 innerHTML 写入内容时，新内容会完全覆盖标签中的原有内容，包括之前的文字、子标签等。
• 支持解析标签，能够识别并生成相应的HTML标签。
• 例子：

  var oDiv = document.querySelector('div');  oDiv.innerHTML = '
  我是innerHTML写入的
  ';

  最终结果为：

        
         
  我是innerHTML写入的
        

innerText 属性

• innerText 用于获取标签中所有可见内容，不包括标签本身。
• 当使用 innerText 写入内容时，新内容会完全覆盖标签中的原有内容，但不解析标签，直接作为纯文本内容添加。
• 例子：

  var oDiv = document.querySelector('div');  oDiv.innerText = '
  我是innerText写入的
  ';

  最终结果为：

        
         
  我是innerText写入的
        

写入内容的综合操作

• 在实际开发中，innerHTML 通常用于需要生成HTML结构的场景，而 innerText 则适用于纯文本内容的设置。
• 需要注意的是，innerHTML 和 innerText 的设置方式类似，但使用场景有明显区别。