JavaScript-document.write和innerHTML的区别

document.write() 和 innerHTML 都是在JavaScript中用于修改HTML文档的方法，都用于在页面上插入内容，但它们的工作方式和用途有所不同。

1. document.write()
   用于直接将内容写入页面的 HTML 中。
   如果在页面加载后使用，会重写整个文档，导致页面内容丢失。
   适合在页面加载时动态插入内容，不适合用于现代网页的动态更新。

示例：

document.write('

Hello, World!

');

这会在文档中插入一个

元素。

2. innerHTML
   用于获取或替换HTML元素的内容，可以在页面加载后动态更新。
   更加灵活且适合现代网页的动态交互。
   使用 innerHTML 修改内容时，不会影响整个文档结构，只更新目标元素的内容。

示例：

document.getElementById('myElement').innerHTML = '

Hello, World!

';

这会找到ID为“myElement”的元素，并将其内容替换为

元素。

在现代开发中，推荐使用 innerHTML 进行动态更新，因为它更安全且不会破坏整个页面。