首页 > 软件开发 > HTML >

如何获取当前文档的 HTML 你内容

来源:互联网 2023-03-16 19:16:40 版权归原作者所有,如有侵权,请联系我们

如何获取当前文档的 HTML 你内容?首先要了解body属性0w2办公区 - 实用经验教程分享!

body 属性用于设置或返回文档体。0w2办公区 - 实用经验教程分享!

假如是返回, 该属性返回当前文档的元素。0w2办公区 - 实用经验教程分享!

假如是设置, 该属性会掩盖一切在 元素中的子元素, 并用新的内容来代替它。0w2办公区 - 实用经验教程分享!

如何获取当前文档的 HTML 你内容?0w2办公区 - 实用经验教程分享!

方法/步骤

  • 1

    语法0w2办公区 - 实用经验教程分享!

    返回 body 属性:0w2办公区 - 实用经验教程分享!

    document.body0w2办公区 - 实用经验教程分享!

    图中源代码0w2办公区 - 实用经验教程分享!

    如何获取当前文档的 HTML 你内容?0w2办公区 - 实用经验教程分享!

  • 2

    在浏览器中测试如图所示0w2办公区 - 实用经验教程分享!

    如何获取当前文档的 HTML 你内容?0w2办公区 - 实用经验教程分享!

  • 3

    需要了解得是,这里利用得是 document.body.innerHTML;(当前文档)0w2办公区 - 实用经验教程分享!

    如何获取当前文档的 HTML 你内容?0w2办公区 - 实用经验教程分享!

  • 3本页面未经授权抓取自百度经验
  • 4

    因为代码中不断调用是新建当前文档得函数,所以呈现如此示例。0w2办公区 - 实用经验教程分享!

    如何获取当前文档的 HTML 你内容?0w2办公区 - 实用经验教程分享!

  • 5

    innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。0w2办公区 - 实用经验教程分享!

    如何获取当前文档的 HTML 你内容?0w2办公区 - 实用经验教程分享!

  • 6

    如果想修改内容可以参照图示。0w2办公区 - 实用经验教程分享!

    document.body.innerHTML = "新的内容...";0w2办公区 - 实用经验教程分享!

    如何获取当前文档的 HTML 你内容?0w2办公区 - 实用经验教程分享!

  • 注意事项

    • 感谢读者投票点赞 1

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0w2办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号