首页 > 软件开发 > JavaScript >

JavaScript修改div内容

来源:互联网 2023-03-16 23:56:18 396

JavaScript提供innerHTML属性设置用于修改标签内容。Boi办公区 - 实用经验教程分享!

语法:tablerowObject.innerHTML=HTMLBoi办公区 - 实用经验教程分享!

方法/步骤

  • 1

    打开html开发工具,新建一个html页面,然后创建一个div>标签同时给标签添加id和文本内容。Boi办公区 - 实用经验教程分享!

    JavaScript修改div内容Boi办公区 - 实用经验教程分享!

  • 1本页面未经许可获取自百度经验
  • 2

    保存html代码然后使用浏览器打开,可以看到页面显示的是div标签里的文本内容。Boi办公区 - 实用经验教程分享!

    JavaScript修改div内容Boi办公区 - 实用经验教程分享!

  • 3

    回到html代码页面,在html页面创建一个script>然后使用innerHTML属性修改div里面的文本内容。Boi办公区 - 实用经验教程分享!

    JavaScript代码:Boi办公区 - 实用经验教程分享!

    document.getElementById("demo").innerHTML = "hello world";Boi办公区 - 实用经验教程分享!

    JavaScript修改div内容Boi办公区 - 实用经验教程分享!

  • 4

    保存html代码,然后使用浏览器打开即可看到浏览器页面显示的是使用JavaScript进行修改的文本。Boi办公区 - 实用经验教程分享!

    JavaScript修改div内容Boi办公区 - 实用经验教程分享!

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


    标签: JAVASCRIPT

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