JavaScript innerHTML 获取 HTML 代码不完整问题的解决方法
在 javascript 中使用 innerhtml 属性获取 html 元素内容时，有时会遇到获取到的代码不完整的情况。本文分析一个具体案例，并提供解决方案。
问题描述： 开发者尝试使用 原始代码： 立即学习“Java免费学习笔记（深入）”； 原因分析： 浏览器渲染页面时会解析 HTML 代码并构建 DOM 树。 解决方案： 为了避免浏览器解析和渲染内部 HTML 代码，可以将完整 HTML 结构代码放入浏览器不会直接渲染的标签内，例如 修改后的 HTML 代码： 或者使用 测试页面 通过这种方法，浏览器不会渲染 选择哪种方法取决于你的具体需求，如果需要保留代码格式，建议使用innerHTML 获取包含完整 HTML 结构的
var ob = document.getElementById("content");
console.log(ob.innerHTML);
console.log 输出结果缺少 innerHTML 获取的是渲染后 DOM 树对应的 HTML 片段，而非原始 HTML 源代码。由于 、innerHTML 获取到的只是浏览器渲染后标签内部的内容。
标签：标签：
或 标签内的 HTML 代码，可以使用 innerHTML 或 textContent 完整获取原始 HTML 内容。JavaScript 代码只需修改 getElementById 的 id 即可。 使用标签的好处是，它会保留代码的格式，而则会将换行符转换为\n。
标签，并设置style="white-space: pre;"来保证换行和空格的显示。 如果不需要保留格式，则使用标签更简洁。 记住将style="display:none;"添加到标签中，这样就不会影响页面布局。
