JavaScript-document.write和innerHTML的区别
document.write() 和 innerHTML 都是在JavaScript中用于修改HTML文档的方法，都用于在页面上插入内容，但它们的工作方式和用途有所不同。
1. document.write()
用于直接将内容写入页面的 HTML 中。
如果在页面加载后使用，会重写整个文档，导致页面内容丢失。
适合在页面加载时动态插入内容，不适合用于现代网页的动态更新。
示例：
document.write('<p>Hello, World!</p>');
这会在文档中插入一个<p>元素。
2. innerHTML
用于获取或替换HTML元素的内容，可以在页面加载后动态更新。
更加灵活且适合现代网页的动态交互。
使用 innerHTML 修改内容时，不会影响整个文档结构，只更新目标元素的内容。
示例：
document.getElementById('myElement').innerHTML = '<p>Hello, World!</p>';
这会找到ID为“myElement”的元素，并将其内容替换为<p>元素。
在现代开发中，推荐使用 innerHTML 进行动态更新，因为它更安全且不会破坏整个页面。