获取元素内容#

DOM对象都是根据标签生成的,所以操作标签,本质上就是操作DOM对象。

document.write()#

• 只能将文本内容追加到 </body> 前面的位置

• 文本中包含的标签会被解析

  1document.write('Hello World!')
  • 永远只能追加操作,且只能位置前
  • 可以向文档中写入 HTML标签 或 JavaScript代码

innerText（非标准）#

• 将文本内容添加/更新到任意标签位置

• 文本中包含的标签不会被解析

• 去除空格和换行

  1let info = document.getElementById('info')
  2info.innerText = '<h4>嗨～ 我叫李雷！</h4>'

innerHTML（W3C标准）#

• 将文本内容添加/更新到任意标签位置

• 文本中包含的标签会被解析

• 保留空格和换行

  1box.innerHTML = '<h3>小苏同学<br />很帅！</h3>'