在 JavaScript 中打印出 HTML,可以使用 document.write() 方法,该方法允许编写任何内容,包括 HTML 代码。此外,还可以使用 innerHTML、outerHTML、createElement 和 appendChild 方法处理 HTML。

如何在 JavaScript 中打印出 HTML
要在 JavaScript 中打印出 HTML,可以使用 document.write() 方法。此方法允许你在 HTML 文档中写入任何内容,包括 HTML 代码。
语法:
document.write(htmlString);
其中:
立即学习“前端免费学习笔记(深入)”;
-
htmlString是要打印的 HTML 代码。
示例:
JS超酷图片翻动展示效果,根据鼠标进出图片的方向来控制图片进出的方式,效果超炫,兼容主流浏览器。 使用方法: 1、head区域引用文件 lrtk.css,animation.css 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、js代码需要在html代码之后载入public.js,main.js 4、如需修改图片尺寸,直接在lrtk.css第10行修改即可
// 打印一个标题
document.write('这是一个标题
');
// 打印一个段落
document.write('这是一个段落。
');注意事项:
-
document.write()方法会覆盖 HTML 文档中之前的所有内容。 - 确保在调用
document.write()方法之前,HTML 文档已经加载完成。 - 如果你想在不覆盖现有内容的情况下在文档中添加 HTML,可以使用
document.createElement()和document.body.appendChild()方法。
扩展:
除了 document.write() 方法外,还有以下其他方法可以在 JavaScript 中打印出 HTML:
-
innerHTML:将 HTML 字符串写入指定元素的内部。 -
outerHTML:替换指定元素及其内容的 HTML。 -
createElement:创建一个新的 HTML 元素。 -
appendChild:将一个元素添加到另一个元素的末尾。










